├── .DS_Store ├── .github ├── ISSUE_TEMPLATE │ ├── bug.yaml │ ├── doc_issue.yaml │ └── feature_request.yml ├── pull_request_template.md ├── workflow │ ├── auto-comment.yml │ ├── close_old_issues.yml │ ├── codeql.yml │ ├── issue-assign.yml │ ├── issues.yml │ ├── linting.yml │ ├── lock.yml │ ├── pr-auto-comment.yml │ └── prevent_multiple_issues.yml └── workflows │ └── Issue_Template │ ├── bug_report.md │ ├── project_request.md │ ├── pull_request_template.md │ └── update_request.md ├── .vscode └── settings.json ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── Form ├── logsig.html ├── logsigh.css ├── signup.css └── signup.html ├── README.md ├── Team ├── team.css ├── team.html └── team.js ├── chatbot ├── script.js └── style.css ├── contact ├── index.html └── style.css ├── course.html ├── courses.css ├── css ├── bot.css ├── login.css └── style.css ├── data └── faqData.js ├── db └── course.js ├── images ├── 1-a.webp ├── 1.webp ├── 3.webp ├── 5124556.webp ├── Data-Scientist.webp ├── Favicon │ ├── android-chrome-192x192.webp │ ├── android-chrome-512x512.webp │ ├── apple-touch-icon.webp │ ├── browserconfig.xml │ ├── favicon-16x16.webp │ ├── favicon-32x32.webp │ ├── favicon.ico │ ├── mstile-150x150.webp │ ├── safari-pinned-tab.svg │ └── site.webmanifest ├── J4o.gif ├── contact-bg.webp ├── contact-png.webp ├── data-science.jpg ├── data-science.png ├── data-science.webp ├── data-sciencee.webp ├── data.jpg ├── data.webp ├── domain.webp ├── dsimg.webp ├── expodata.webp ├── github-2447911.webp ├── gssoc.webp ├── images.webp ├── johns-hopkins.webp ├── login-bg.webp ├── logo.webp ├── machine-learning.jpg ├── machine.jpg ├── ml.webp ├── pngegg(2).webp ├── probStatis.jpg ├── python.jpg ├── r.webp ├── repo.webp └── wallpaperflare.com_wallpaper(1).webp ├── index.html ├── login ├── index.html ├── script.js ├── signup.js └── style.css ├── main.js ├── sitemap.xml └── smoothscroll.js /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/.DS_Store -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug.yaml: -------------------------------------------------------------------------------- 1 | name: 🐛 Bug 2 | description: Report an issue to help improve the project. 3 | labels: ['bug'] 4 | body: 5 | - type: textarea 6 | id: description 7 | attributes: 8 | label: Description 9 | description: A brief description of the question or issue, also include what you tried and what didn't work 10 | validations: 11 | required: true 12 | - type: textarea 13 | id: screenshots 14 | attributes: 15 | label: Screenshots 16 | description: Please add screenshots if applicable 17 | validations: 18 | required: false 19 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/doc_issue.yaml: -------------------------------------------------------------------------------- 1 | name: 📄 Documentation issue 2 | description: Found an issue in the documentation? You can use this one! 3 | title: '[DOCS] ' 4 | labels: ['documentation'] 5 | body: 6 | - type: textarea 7 | id: description 8 | attributes: 9 | label: Description 10 | description: Description of the question or issue, also include what you tried and what didn't work 11 | validations: 12 | required: true 13 | - type: textarea 14 | id: screenshots 15 | attributes: 16 | label: Screenshots 17 | description: Screenshots if applicable 18 | validations: 19 | required: false 20 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.yml: -------------------------------------------------------------------------------- 1 | name: 💡 General Feature Request 2 | description: Have a new idea/feature? Please suggest! 3 | title: '[FEATURE] ' 4 | labels: ['feature'] 5 | body: 6 | - type: textarea 7 | id: description 8 | attributes: 9 | label: Description 10 | description: Description of the enhancement you propose, also include what you tried and what worked. 11 | validations: 12 | required: true 13 | - type: textarea 14 | id: screenshots 15 | attributes: 16 | label: Screenshots 17 | description: Screenshots if applicable 18 | validations: 19 | required: false 20 | -------------------------------------------------------------------------------- /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | # Description 2 | 3 | Please include a summary of the change and which issue is fixed. List any dependencies that are required for this change. 4 | 5 | ## Fixes #(issue_no) 6 | 7 | Replace `issue_no` with the issue number which is fixed in this PR 8 | 9 | ## Screenshots 10 | 11 | 12 | 13 | ## Checklist 14 | 15 | 16 | - [ ] Tests have been added or updated to cover the changes 17 | - [ ] Documentation has been updated to reflect the changes 18 | - [ ] Code follows the established coding style guidelines 19 | - [ ] All tests are passing 20 | -------------------------------------------------------------------------------- /.github/workflow/auto-comment.yml: -------------------------------------------------------------------------------- 1 | name: Add Comment to Newly Open Issue 2 | 3 | on: 4 | issues: 5 | types: [opened] 6 | 7 | jobs: 8 | add-comment: 9 | runs-on: ubuntu-latest 10 | permissions: 11 | issues: write 12 | 13 | steps: 14 | - name: Checkout repository 15 | uses: actions/checkout@v3 16 | 17 | - name: Add Comment 18 | uses: actions/github-script@v4 19 | with: 20 | github-token: ${{ secrets.GITHUB_TOKEN }} 21 | script: | 22 | const { issue } = context.payload; 23 | const author = issue.user.login; 24 | const issueNumber = issue.number; 25 | const comment = `Hello ${{ github.actor }}, Thanks for opening an issue, your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.`; 26 | const { owner, repo } = context.repo; 27 | await github.issues.createComment({ 28 | owner: owner, 29 | repo: repo, 30 | issue_number: issueNumber, 31 | body: comment 32 | }); 33 | console.log(`Comment added to the Issue #${issueNumber}.`); -------------------------------------------------------------------------------- /.github/workflow/close_old_issues.yml: -------------------------------------------------------------------------------- 1 | name: Close Old Issues 2 | on: 3 | schedule: 4 | - cron: "0 0 * * *" 5 | 6 | jobs: 7 | close-issues: 8 | runs-on: ubuntu-latest 9 | 10 | steps: 11 | - name: Checkout Repository 12 | uses: actions/checkout@v3 13 | 14 | - name: Close Old Issues 15 | run: | 16 | open_issues=$(curl -s -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \ 17 | "https://api.github.com/repos/${{ github.repository }}/issues?state=open" \ 18 | | jq -r '.[] | .number') 19 | for issue in $open_issues; do 20 | # Get the last updated timestamp of the issue 21 | last_updated=$(curl -s -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \ 22 | "https://api.github.com/repos/${{ github.repository }}/issues/$issue" \ 23 | | jq -r '.updated_at') 24 | days_since_update=$(( ( $(date +%s) - $(date -d "$last_updated" +%s) ) / 86400 )) 25 | if [ $days_since_update -gt 20 ]; then # Modify the condition to check if days_since_update is greater than 20 26 | curl -s -X PATCH -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \ 27 | -H "Accept: application/vnd.github.v3+json" \ 28 | -d '{"state":"closed"}' \ 29 | "https://api.github.com/repos/${{ github.repository }}/issues/$issue" 30 | fi 31 | done -------------------------------------------------------------------------------- /.github/workflow/codeql.yml: -------------------------------------------------------------------------------- 1 | name: "CodeQL" 2 | 3 | on: 4 | push: 5 | branches: [ "main" ] 6 | pull_request: 7 | branches: [ "main" ] 8 | schedule: 9 | - cron: '43 3 * * 6' 10 | 11 | jobs: 12 | analyze: 13 | name: Analyze 14 | runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }} 15 | timeout-minutes: ${{ (matrix.language == 'swift' && 120) || 360 }} 16 | permissions: 17 | actions: read 18 | contents: read 19 | security-events: write 20 | 21 | strategy: 22 | fail-fast: false 23 | matrix: 24 | language: [ 'javascript', 'css', 'html' ] 25 | # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby', 'swift', 'html', 'css' ] 26 | # Use only 'java' to analyze code written in Java, Kotlin or both 27 | # Use only 'javascript' to analyze code written in JavaScript, TypeScript or both 28 | # Use 'html' to analyze HTML files 29 | # Use 'css' to analyze CSS files 30 | # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support 31 | 32 | steps: 33 | - name: Checkout repository 34 | uses: actions/checkout@v3 35 | 36 | # Initializes the CodeQL tools for scanning. 37 | - name: Initialize CodeQL 38 | uses: github/codeql-action/init@v2 39 | with: 40 | languages: ${{ matrix.language }} 41 | # If you wish to specify custom queries, you can do so here or in a config file. 42 | # By default, queries listed here will override any specified in a config file. 43 | # Prefix the list here with "+" to use these queries and those in the config file. 44 | 45 | # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs 46 | # queries: security-extended,security-and-quality 47 | 48 | # Autobuild attempts to build any compiled languages (C/C++, C#, Go, Java, or Swift). 49 | # If this step fails, then you should remove it and run the build manually (see below) 50 | - name: Autobuild 51 | uses: github/codeql-action/autobuild@v2 52 | 53 | # ℹ️ Command-line programs to run using the OS shell. 54 | # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun 55 | 56 | # If the Autobuild fails above, remove it and uncomment the following three lines. 57 | # modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance. 58 | 59 | # - run: | 60 | # echo "Run, Build Application using script" 61 | # ./location_of_script_within_repo/buildscript.sh 62 | 63 | - name: Perform CodeQL Analysis 64 | uses: github/codeql-action/analyze@v2 65 | with: 66 | category: "/language:${{ matrix.language }}" 67 | -------------------------------------------------------------------------------- /.github/workflow/issue-assign.yml: -------------------------------------------------------------------------------- 1 | name: Auto Assign 2 | 3 | on: 4 | issue_comment: 5 | types: [created] 6 | schedule: 7 | - cron: '0 0 * * *' # Runs daily at midnight 8 | workflow_dispatch: 9 | 10 | jobs: 11 | assign_issues: 12 | if: > 13 | (github.event_name == 'issue_comment' && ( 14 | startsWith(github.event.comment.body, '/assign') || 15 | startsWith(github.event.comment.body, '/unassign') || 16 | contains(github.event.comment.body, 'assign to me') || 17 | contains(github.event.comment.body, 'please assign me this') || 18 | contains(github.event.comment.body, 'assign this to me') || 19 | contains(github.event.comment.body, 'assign this issue to me') || 20 | contains(github.event.comment.body, 'I can try fixing this') || 21 | contains(github.event.comment.body, 'i am interested in doing this') || 22 | contains(github.event.comment.body, 'I am interested in contributing'))) || github.event_name == 'schedule' || github.event_name == 'workflow_dispatch' 23 | runs-on: ubuntu-latest 24 | steps: 25 | - name: Check for issue assignees 26 | uses: actions/github-script@v4 27 | with: 28 | github-token: ${{ secrets.GITHUB_TOKEN }} 29 | script: | 30 | const issueNumber = context.payload.issue.number; 31 | if (issueNumber) { 32 | const commenter = context.payload.comment.user.login; 33 | const config = { 34 | owner: 'aniketsinha2002', 35 | repo: 'DataScienceWebsite.github.io', 36 | issue_number: issueNumber, 37 | assignees: [commenter] 38 | }; 39 | return github.issues.addAssignees(config); 40 | } else { 41 | return true; 42 | } -------------------------------------------------------------------------------- /.github/workflow/issues.yml: -------------------------------------------------------------------------------- 1 | name: Add Comment to Newly Open Issue 2 | 3 | on: 4 | issues: 5 | types: [opened] 6 | 7 | jobs: 8 | add-comment: 9 | runs-on: ubuntu-latest 10 | permissions: 11 | issues: write 12 | 13 | steps: 14 | - name: Checkout repository 15 | uses: actions/checkout@v3 16 | 17 | - name: Add Comment 18 | uses: actions/github-script@v4 19 | with: 20 | github-token: ${{ secrets.GITHUB_TOKEN }} 21 | script: | 22 | const { issue } = context.payload; 23 | const author = issue.user.login; 24 | const issueNumber = issue.number; 25 | const comment = `Hello @${author}! \n Thank you for raising this issue. \nPlease make sure to follow our [Contributing Guidelines.](https://github.com/aniketsinha2002/DataScienceWebsite.github.io/blob/main/CONTRIBUTING.md) \nDon't forget to ⭐ our [DataScienceWebsite.github.io .](https://github.com/aniketsinha2002/DataScienceWebsite.github.io)\n\nOur review team will carefully assess the issue and reach out to you soon!\n We appreciate your patience!`; 26 | const { owner, repo } = context.repo; 27 | await github.issues.createComment({ 28 | owner: owner, 29 | repo: repo, 30 | issue_number: issueNumber, 31 | body: comment 32 | }); 33 | console.log(`Comment added to the Issue #${issueNumber}.`); -------------------------------------------------------------------------------- /.github/workflow/linting.yml: -------------------------------------------------------------------------------- 1 | name: Linting 2 | 3 | on: [push, pull_request] 4 | 5 | jobs: 6 | 7 | Linting: 8 | 9 | runs-on: ubuntu-latest 10 | 11 | steps: 12 | 13 | - name: Checkout 14 | uses: actions/checkout@v3 15 | with: 16 | ref: ${{ github.head_ref }} 17 | 18 | - name: Lint code with prettier 19 | uses: creyD/prettier_action@v4.3 20 | with: 21 | prettier_options: --write **/*.{js,md} -------------------------------------------------------------------------------- /.github/workflow/lock.yml: -------------------------------------------------------------------------------- 1 | name: 'Lock new issues' 2 | 3 | on: 4 | issues: 5 | types: opened 6 | 7 | permissions: 8 | issues: write 9 | 10 | jobs: 11 | action: 12 | runs-on: ubuntu-latest 13 | steps: 14 | - name: Lock issues 15 | uses: dessant/repo-lockdown@v3 16 | with: 17 | close-issue: false 18 | exclude-issue-labels: 'gssoc23.' 19 | process-only: 'issues' 20 | skip-closed-issue-comment: true 21 | issue-comment: > 22 | To reduce notifications, issues are locked. Your issue will be unlocked when we add the label `gssoc23`. If you're participating in GSSoC'23, please add the `gssoc23` label to your issue. -------------------------------------------------------------------------------- /.github/workflow/pr-auto-comment.yml: -------------------------------------------------------------------------------- 1 | name: Auto Comment on Pull Request 2 | 3 | on: 4 | pull_request: 5 | types: [opened] 6 | 7 | jobs: 8 | comment: 9 | runs-on: ubuntu-latest 10 | 11 | steps: 12 | - name: Comment on Pull Request 13 | uses: actions/github-script@v5 14 | with: 15 | github-token: ${{ secrets.GITHUB_TOKEN }} 16 | script: | 17 | const comment = "Thank you for creating the pull request! We will review it shortly."; 18 | github.issues.createComment({ 19 | pull_number: context.payload.pull_request.number, 20 | owner: owner, 21 | repo: repo, 22 | body: comment 23 | }); 24 | -------------------------------------------------------------------------------- /.github/workflow/prevent_multiple_issues.yml: -------------------------------------------------------------------------------- 1 | name: Close Issue if Opener has Opened Issues 2 | 3 | on: 4 | issues: 5 | types: 6 | - opened 7 | 8 | jobs: 9 | close_issue: 10 | runs-on: ubuntu-latest 11 | 12 | steps: 13 | - name: Check if opener has multiple open issues 14 | id: check_open_issues 15 | uses: actions/github-script@v4 16 | with: 17 | github-token: ${{ secrets.PERSONAL_ACCESS_TOKEN }} 18 | script: | 19 | const owner = context.repo.owner; 20 | const repo = context.repo.repo; 21 | const issueNumber = context.issue.number; 22 | const issueOpener = context.payload.issue.user.login; 23 | const previousIssuesResponse = await github.request('GET /repos/{owner}/{repo}/issues', { 24 | owner, 25 | repo, 26 | state: 'open', 27 | creator: issueOpener 28 | }); 29 | const previousOpenIssues = previousIssuesResponse.data.filter(issue => issue.number !== issueNumber && !issue.pull_request); 30 | const previousOpenIssueNumbers = previousOpenIssues.map(issue => `#${issue.number}`); 31 | const openerName = context.payload.issue.user.login; 32 | const closeIssue = previousOpenIssues.length > 0; 33 | console.log(`Close issue: ${closeIssue}`); 34 | if (closeIssue) { 35 | const comment = `Hey @${openerName} , You can't have another issue before completing the previous one 😀 \n you already have the following ${previousOpenIssues.length} open issues 👀 ! :\n\n${previousOpenIssueNumbers.join('\n')}`; 36 | core.exportVariable('comment_body', comment); // Export the variable 37 | core.setOutput('close_issue', true); 38 | } else { 39 | core.exportVariable('comment_body', ''); 40 | core.setOutput('close_issue', false); 41 | } 42 | - name: Close the issue and add a comment 43 | if: always() && ${{ needs.check_open_issues.outputs.close_issue }} 44 | uses: actions/github-script@v4 45 | with: 46 | github-token: ${{ secrets.PERSONAL_ACCESS_TOKEN }} 47 | script: | 48 | const owner = context.repo.owner; 49 | const repo = context.repo.repo; 50 | const issueNumber = context.issue.number; 51 | const comment = process.env.comment_body; // Retrieve the exported variable 52 | 53 | if (comment.trim() === '') { 54 | console.log('Comment body is empty. Skipping comment creation.'); 55 | return; 56 | } 57 | const closeComment = `${comment}`; 58 | await github.issues.createComment({ 59 | owner, 60 | repo, 61 | issue_number: issueNumber, 62 | body: closeComment 63 | }); 64 | await github.issues.update({ 65 | owner, 66 | repo, 67 | issue_number: issueNumber, 68 | state: 'closed' 69 | }); -------------------------------------------------------------------------------- /.github/workflows/Issue_Template/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: BUG REPORT 3 | about: If you find any bugs in the repository use this template to report them 4 | title: "[BUG]" 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | # Bug Report 11 | 12 | 13 | 14 | --- 15 | 16 | | Field | Description | 17 | | -------- | ----------------------------------------- | 18 | | About | Explain in detail the bug you experienced | 19 | | Name | Your GitHub name | 20 | | Email | | 21 | | Label | Bug Report | 22 | | Assignee | '' | 23 | 24 | 25 | 26 | --- 27 | 28 | **Define Yourself** 29 | 30 | - [ ] GSSOC Participant 31 | - [ ] Contributor 32 | 33 | 34 | 35 | **Describe the Problem** 36 | 37 | 38 | 39 | **Expected Behavior** 40 | 41 | 42 | 43 | **Actual Behavior** 44 | 45 | 46 | 47 | **Screenshots** 48 | 49 | 50 | 51 | **Possible Solution (optional)** 52 | 53 | -------------------------------------------------------------------------------- /.github/workflows/Issue_Template/project_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Project Request 3 | about: If you want to propose a project idea that can be added to the repository 4 | title: "[PROJECT PROPOSAL]" 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | ## Project Request 11 | 12 | 13 | 14 | --- 15 | 16 | | Field | Description | 17 | | ------ | --------------------------------- | 18 | | About | A short Description about project | 19 | | Github | Your Github name | 20 | | Email | | 21 | | Label | Project Request | 22 | 23 | 24 | 25 | --- 26 | 27 | **Define You** 28 | 29 | - [ ] GSSOC Participant 30 | - [ ] Contributor 31 | 32 | 33 | 34 | # Project Name 35 | 36 | 37 | 38 | ## Description 39 | 40 | 41 | 42 | [Description of the project, its goals, and expected outcomes] 43 | 44 | ## Scope 45 | 46 | [The project's boundaries, including its objectives, deliverables, and constraints] 47 | 48 | ## Timeline 49 | 50 | [The project's estimated start and end dates, milestones, and deadlines for deliverables] 51 | 52 | ## Video Links or Support Links 53 | 54 | [Links that can support the project in anyway] -------------------------------------------------------------------------------- /.github/workflows/Issue_Template/pull_request_template.md: -------------------------------------------------------------------------------- 1 | ## Related Issue 2 | ## [x] makes it tick in markdown 3 | - Info about the related issue 4 | 5 | - [ ] GSSOC Participant 6 | - [ ] Contributor 7 | 8 | Closes: #issue number that will be closed through this PR 9 | 10 | ### Describe the changes you've made 11 | 12 | Give a clear description what modifications you have made 13 | 14 | ## Type of change 15 | 16 | What sort of change have you made: 17 | 18 | 22 | 23 | - [ ] Bug fix (non-breaking change which fixes an issue) 24 | - [ ] New feature (non-breaking change which adds functionality) 25 | - [ ] Code style update (formatting, local variables) 26 | - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected) 27 | - [ ] This change requires a documentation update 28 | 29 | ## Add screenshots of code changes and how it looks now (if it's a change in flow add a video) 30 | 31 | Describe how have you verified the changes made 32 | 33 | ## Checklist: 34 | 35 | 39 | 40 | - [ ] My code follows the guidelines of this project. 41 | - [ ] I have performed a self-review of my own code. 42 | - [ ] I have commented my code, particularly wherever it was hard to understand. 43 | - [ ] I have made corresponding changes to the documentation. 44 | - [ ] My changes generate no new warnings. 45 | - [ ] I have added tests that prove my fix is effective or that my feature works. 46 | - [ ] Any dependent changes have been merged and published in downstream modules. 47 | 48 | ## Screenshots 49 | 50 | | Original | Updated | 51 | | :-----------------: | :----------------: | 52 | | Original Screenshot | Updated Screenshot | -------------------------------------------------------------------------------- /.github/workflows/Issue_Template/update_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Update Request 3 | about: If you want to make any updates to a project 4 | title: "[UPDATE]" 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | 11 | 12 | --- 13 | 14 | | Field | Description | 15 | | ------ | --------------------------------- | 16 | | About | A short Description about project | 17 | | Github | Your Github name | 18 | | Email | | 19 | | Label | Update request | 20 | 21 | 22 | 23 | --- 24 | 25 | **Define You** 26 | 27 | - [ ] GSSOC Participant 28 | - [ ] Contributor 29 | 30 | 31 | 32 | **Is your feature request related to a problem? Please describe.** 33 | 34 | 35 | 36 | **Describe the solution you'd like...** 37 | 38 | 39 | 40 | **Describe alternatives you've considered?** 41 | 42 | 43 | 44 | **Approach to be followed (optional):** 45 | 46 | 47 | 48 | **Additional context** 49 | 50 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5503 3 | } -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity 10 | and orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | * Demonstrating empathy and kindness toward other people 21 | * Being respectful of differing opinions, viewpoints, and experiences 22 | * Giving and gracefully accepting constructive feedback 23 | * Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | * Focusing on what is best not just for us as individuals, but for the 26 | overall community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | * The use of sexualized language or imagery, and sexual attention or 31 | advances of any kind 32 | * Trolling, insulting or derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or email 35 | address, without their explicit permission 36 | * Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Community leaders are responsible for clarifying and enforcing our standards of 42 | acceptable behavior and will take appropriate and fair corrective action in 43 | response to any behavior that they deem inappropriate, threatening, offensive, 44 | or harmful. 45 | 46 | Community leaders have the right and responsibility to remove, edit, or reject 47 | comments, commits, code, wiki edits, issues, and other contributions that are 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation 49 | decisions when appropriate. 50 | 51 | ## Scope 52 | 53 | This Code of Conduct applies within all community spaces, and also applies when 54 | an individual is officially representing the community in public spaces. 55 | Examples of representing our community include using an official e-mail address, 56 | posting via an official social media account, or acting as an appointed 57 | representative at an online or offline event. 58 | 59 | ## Enforcement 60 | 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 62 | reported to the community leaders responsible for enforcement at 63 | dmkrishna.agarwal@gmail.com. 64 | All complaints will be reviewed and investigated promptly and fairly. 65 | 66 | All community leaders are obligated to respect the privacy and security of the 67 | reporter of any incident. 68 | 69 | ## Enforcement Guidelines 70 | 71 | Community leaders will follow these Community Impact Guidelines in determining 72 | the consequences for any action they deem in violation of this Code of Conduct: 73 | 74 | ### 1. Correction 75 | 76 | **Community Impact**: Use of inappropriate language or other behavior deemed 77 | unprofessional or unwelcome in the community. 78 | 79 | **Consequence**: A private, written warning from community leaders, providing 80 | clarity around the nature of the violation and an explanation of why the 81 | behavior was inappropriate. A public apology may be requested. 82 | 83 | ### 2. Warning 84 | 85 | **Community Impact**: A violation through a single incident or series 86 | of actions. 87 | 88 | **Consequence**: A warning with consequences for continued behavior. No 89 | interaction with the people involved, including unsolicited interaction with 90 | those enforcing the Code of Conduct, for a specified period of time. This 91 | includes avoiding interactions in community spaces as well as external channels 92 | like social media. Violating these terms may lead to a temporary or 93 | permanent ban. 94 | 95 | ### 3. Temporary Ban 96 | 97 | **Community Impact**: A serious violation of community standards, including 98 | sustained inappropriate behavior. 99 | 100 | **Consequence**: A temporary ban from any sort of interaction or public 101 | communication with the community for a specified period of time. No public or 102 | private interaction with the people involved, including unsolicited interaction 103 | with those enforcing the Code of Conduct, is allowed during this period. 104 | Violating these terms may lead to a permanent ban. 105 | 106 | ### 4. Permanent Ban 107 | 108 | **Community Impact**: Demonstrating a pattern of violation of community 109 | standards, including sustained inappropriate behavior, harassment of an 110 | individual, or aggression toward or disparagement of classes of individuals. 111 | 112 | **Consequence**: A permanent ban from any sort of public interaction within 113 | the community. 114 | 115 | ## Attribution 116 | 117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 118 | version 2.0, available at 119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 120 | 121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 122 | enforcement ladder](https://github.com/mozilla/diversity). 123 | 124 | [homepage]: https://www.contributor-covenant.org 125 | 126 | For answers to common questions about this code of conduct, see the FAQ at 127 | https://www.contributor-covenant.org/faq. Translations are available at 128 | https://www.contributor-covenant.org/translations. 129 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ## Contributing Guidelines 2 | 3 | Thank you for considering to contribute to this project. This document specifies the guidelines that you should follow when contributing. 4 | 5 | The following steps need to be followed for you to submit a successful PR. Please adhere to the guidelines in order for your PR's to get approved. 6 | 7 | ### Steps for Contribution 8 | 9 | > 1. first fork this repo 10 | > 2. make a directory/folder on your local system and initial it, 11 | ```sh 12 | mkdir 13 | git init 14 | ``` 15 | > 3. then clone this repository on your local system by running below command 16 | ```sh 17 | git clone "your forked repo url" 18 | ``` 19 | > 4. Work on the project 20 | > 6. after creating your changes and in order to add your changes run the following command 21 | ```sh 22 | git add . 23 | ``` 24 | > 7. Its time to commit the changes made 25 | ```sh 26 | git commit -m "your valid commit message" 27 | ``` 28 | 29 | > 8. then push the changes that you have made, run the below command, 30 | ```sh 31 | git push -u origin main 32 | ``` 33 | 34 | ### General Rules : 35 | These are general rules that you should follow when contributing to an Open Source project : 36 | 37 | - Be Nice, Be Respectful (BNBR) 38 | - Check if the issue you opened exists or not. If it exists do not reopen it. 39 | - While opening a new issue, make sure you describe the issue clearly. 40 | - Write proper commit messages and document your PR well. 41 | - Always add comments in your code and explain it at points, if possible add Doctest. 42 | - Always create a Pull Request from a new branch such as **feature**; do not create a PR from **main**. 43 | - Write clean code and follow proper coding conventions. 44 | 45 | 46 | Thank you ❤ 47 | -------------------------------------------------------------------------------- /Form/logsig.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 |
7 | 21 | 29 |
30 |
31 | 32 | 33 | 34 |
35 |
36 | 39 |
40 |
41 | 42 | 43 | 44 | 45 |
46 |
47 |
-------------------------------------------------------------------------------- /Form/logsigh.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Raleway:400,700'); 2 | 3 | * { 4 | box-sizing: border-box; 5 | margin: 0; 6 | padding: 0; 7 | font-family: Raleway, sans-serif; 8 | } 9 | 10 | body { 11 | background: linear-gradient(90deg, #C7C5F4, #776BCC); 12 | } 13 | 14 | .container { 15 | display: flex; 16 | align-items: center; 17 | justify-content: center; 18 | min-height: 100vh; 19 | } 20 | 21 | .screen { 22 | background: linear-gradient(90deg, #5D54A4, #7C78B8); 23 | position: relative; 24 | height: 600px; 25 | width: 360px; 26 | box-shadow: 0px 0px 24px #5C5696; 27 | } 28 | 29 | .screen__content { 30 | z-index: 1; 31 | position: relative; 32 | height: 100%; 33 | } 34 | 35 | .screen__background { 36 | position: absolute; 37 | top: 0; 38 | left: 0; 39 | right: 0; 40 | bottom: 0; 41 | z-index: 0; 42 | -webkit-clip-path: inset(0 0 0 0); 43 | clip-path: inset(0 0 0 0); 44 | } 45 | 46 | .screen__background__shape { 47 | transform: rotate(45deg); 48 | position: absolute; 49 | } 50 | 51 | .screen__background__shape1 { 52 | height: 520px; 53 | width: 520px; 54 | background: #FFF; 55 | top: -50px; 56 | right: 120px; 57 | border-radius: 0 72px 0 0; 58 | } 59 | 60 | .screen__background__shape2 { 61 | height: 220px; 62 | width: 220px; 63 | background: #6C63AC; 64 | top: -172px; 65 | right: 0; 66 | border-radius: 32px; 67 | } 68 | 69 | .screen__background__shape3 { 70 | height: 540px; 71 | width: 190px; 72 | background: linear-gradient(270deg, #5D54A4, #6A679E); 73 | top: -24px; 74 | right: 0; 75 | border-radius: 32px; 76 | } 77 | 78 | .screen__background__shape4 { 79 | height: 400px; 80 | width: 200px; 81 | background: #7E7BB9; 82 | top: 420px; 83 | right: 50px; 84 | border-radius: 60px; 85 | } 86 | 87 | .login { 88 | width: 320px; 89 | padding: 30px; 90 | padding-top: 156px; 91 | } 92 | 93 | .login__field { 94 | padding: 20px 0px; 95 | position: relative; 96 | } 97 | 98 | .login__icon { 99 | position: absolute; 100 | top: 30px; 101 | color: #7875B5; 102 | } 103 | 104 | .login__input { 105 | border: none; 106 | border-bottom: 2px solid #D1D1D4; 107 | background: none; 108 | padding: 10px; 109 | padding-left: 24px; 110 | font-weight: 700; 111 | width: 75%; 112 | transition: .2s; 113 | } 114 | 115 | .login__input:active, 116 | .login__input:focus, 117 | .login__input:hover { 118 | outline: none; 119 | border-bottom-color: #6A679E; 120 | } 121 | 122 | .login__submit { 123 | background: #fff; 124 | font-size: 14px; 125 | margin-top: 30px; 126 | padding: 16px 20px; 127 | border-radius: 26px; 128 | border: 1px solid #D4D3E8; 129 | text-transform: uppercase; 130 | font-weight: 700; 131 | display: flex; 132 | align-items: center; 133 | width: 100%; 134 | color: #4C489D; 135 | box-shadow: 0px 2px 2px #5C5696; 136 | cursor: pointer; 137 | transition: .2s; 138 | } 139 | 140 | .login__submit:active, 141 | .login__submit:focus, 142 | .login__submit:hover { 143 | border-color: #6A679E; 144 | outline: none; 145 | } 146 | 147 | .button__icon { 148 | font-size: 24px; 149 | margin-left: auto; 150 | color: #7875B5; 151 | } 152 | 153 | .social-login { 154 | position: absolute; 155 | height: 80px; 156 | width: 160px; 157 | text-align: center; 158 | bottom: 35px; 159 | right: 0px; 160 | color: #fff; 161 | } 162 | 163 | .social-icons { 164 | margin-top: 0.8rem ; 165 | display: flex; 166 | align-items: center; 167 | justify-content: space-evenly; 168 | } 169 | 170 | .return_to_home_btn { 171 | padding-left: 2rem; 172 | padding-top: 5.5rem; 173 | 174 | } 175 | 176 | .fa { 177 | text-decoration: none; 178 | } 179 | 180 | .fa-instagram, 181 | .fa-facebook, 182 | .fa-twitter 183 | { 184 | color: #4C489D; 185 | } 186 | 187 | 188 | .btn { 189 | cursor: pointer; 190 | border-radius: 4rem; 191 | color: #D4D3E8; 192 | width: 5rem; 193 | height: 2rem; 194 | font-size: 1.2rem; 195 | font-weight: 800; 196 | } 197 | 198 | .btn:hover { 199 | color: rgb(6, 180, 238); 200 | } 201 | 202 | .login-opt h4 a{ 203 | color:white; 204 | font-size: 13px; 205 | text-decoration: none; 206 | text-align: center; 207 | display: flex; 208 | justify-content: center; 209 | align-items: center; 210 | padding-top: 0.8rem; 211 | } 212 | 213 | .login-opt h4 a:hover{ 214 | color: rgb(6, 180, 238); 215 | } -------------------------------------------------------------------------------- /Form/signup.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Raleway:400,700'); 2 | 3 | * { 4 | box-sizing: border-box; 5 | margin: 0; 6 | padding: 0; 7 | font-family: Raleway, sans-serif; 8 | } 9 | 10 | body { 11 | background: linear-gradient(90deg, #C7C5F4, #776BCC); 12 | } 13 | 14 | .container { 15 | display: flex; 16 | align-items: center; 17 | justify-content: center; 18 | min-height: 100vh; 19 | } 20 | 21 | .screen { 22 | background: linear-gradient(90deg, #5D54A4, #7C78B8); 23 | position: relative; 24 | height: 600px; 25 | width: 360px; 26 | box-shadow: 0px 0px 24px #5C5696; 27 | } 28 | 29 | .screen__content { 30 | z-index: 1; 31 | position: relative; 32 | height: 100%; 33 | } 34 | 35 | .screen__background { 36 | position: absolute; 37 | top: 0; 38 | left: 0; 39 | right: 0; 40 | bottom: 0; 41 | z-index: 0; 42 | -webkit-clip-path: inset(0 0 0 0); 43 | clip-path: inset(0 0 0 0); 44 | } 45 | 46 | .screen__background__shape { 47 | transform: rotate(45deg); 48 | position: absolute; 49 | } 50 | 51 | .screen__background__shape1 { 52 | height: 520px; 53 | width: 520px; 54 | background: #FFF; 55 | top: -50px; 56 | right: 120px; 57 | border-radius: 0 72px 0 0; 58 | } 59 | 60 | .screen__background__shape2 { 61 | height: 220px; 62 | width: 220px; 63 | background: #6C63AC; 64 | top: -172px; 65 | right: 0; 66 | border-radius: 32px; 67 | } 68 | 69 | .screen__background__shape3 { 70 | height: 540px; 71 | width: 190px; 72 | background: linear-gradient(270deg, #5D54A4, #6A679E); 73 | top: -24px; 74 | right: 0; 75 | border-radius: 32px; 76 | } 77 | 78 | .screen__background__shape4 { 79 | height: 400px; 80 | width: 200px; 81 | background: #7E7BB9; 82 | top: 420px; 83 | right: 50px; 84 | border-radius: 60px; 85 | } 86 | 87 | .login { 88 | width: 320px; 89 | padding: 30px; 90 | padding-top: 30px; 91 | } 92 | 93 | .login__field { 94 | padding: 20px 0px; 95 | position: relative; 96 | } 97 | 98 | .login__icon { 99 | position: absolute; 100 | top: 30px; 101 | color: #7875B5; 102 | } 103 | 104 | .login__input { 105 | border: none; 106 | border-bottom: 2px solid #D1D1D4; 107 | background: none; 108 | padding: 10px; 109 | padding-left: 24px; 110 | font-weight: 700; 111 | width: 75%; 112 | transition: .2s; 113 | } 114 | 115 | .login__input:active, 116 | .login__input:focus, 117 | .login__input:hover { 118 | outline: none; 119 | border-bottom-color: #6A679E; 120 | } 121 | 122 | .login__submit { 123 | background: #fff; 124 | font-size: 14px; 125 | margin-top: 30px; 126 | padding: 16px 20px; 127 | border-radius: 26px; 128 | border: 1px solid #D4D3E8; 129 | text-transform: uppercase; 130 | font-weight: 700; 131 | display: flex; 132 | align-items: center; 133 | width: 100%; 134 | color: #4C489D; 135 | box-shadow: 0px 2px 2px #5C5696; 136 | cursor: pointer; 137 | transition: .2s; 138 | } 139 | 140 | .login__submit:active, 141 | .login__submit:focus, 142 | .login__submit:hover { 143 | border-color: #6A679E; 144 | outline: none; 145 | } 146 | 147 | .button__icon { 148 | font-size: 24px; 149 | margin-left: auto; 150 | color: #7875B5; 151 | } 152 | 153 | .social-login { 154 | position: absolute; 155 | height: 80px; 156 | width: 160px; 157 | text-align: center; 158 | bottom: 35px; 159 | right: 0px; 160 | color: #fff; 161 | } 162 | 163 | .social-icons { 164 | margin-top: 0.8rem ; 165 | display: flex; 166 | align-items: center; 167 | justify-content: space-evenly; 168 | } 169 | 170 | .return_to_home_btn { 171 | padding-left: 2rem; 172 | padding-top: 3rem; 173 | 174 | } 175 | 176 | .fa { 177 | text-decoration: none; 178 | } 179 | 180 | .fa-instagram, 181 | .fa-facebook, 182 | .fa-twitter 183 | { 184 | color: #4C489D; 185 | } 186 | 187 | 188 | .btn { 189 | cursor: pointer; 190 | border-radius: 4rem; 191 | color: #D4D3E8; 192 | width: 5rem; 193 | height: 2rem; 194 | font-size: 1.2rem; 195 | font-weight: 800; 196 | } 197 | 198 | .btn:hover { 199 | color: rgb(6, 180, 238); 200 | } 201 | 202 | 203 | .login-opt h4 a{ 204 | color:white; 205 | font-size: 13px; 206 | text-decoration: none; 207 | text-align: center; 208 | display: flex; 209 | justify-content: center; 210 | align-items: center; 211 | padding-top: 1.5rem; 212 | } 213 | 214 | .login-opt h4 a:hover{ 215 | color: rgb(6, 180, 238); 216 | } 217 | -------------------------------------------------------------------------------- /Form/signup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 |
8 |
9 | 31 | 39 |
40 |
41 | 42 | 43 | 44 |
45 |
46 | 49 |
50 |
51 | 52 | 53 | 54 | 55 |
56 |
57 |
58 | 59 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # Project Information 3 | 4 | The source code for the educational website Data Science is available in this repository. This website was developed for aspiring students who are interested in data science and it gives you access to resources, including courses, that can help you develop your abilities. To direct users to the desired area of the website, the website is made up of a number of different sections, including home, about, courses, FAQ, and contact. Students can sign up and begin their careers as data scientists. 5 | 6 | This webpage is still under construction. I'm making this project open source so that if anyone wants to contribute to this project, to make it easier for their fellow learners to grasp the concepts of data science, then genuinely you are welcome here :) 7 | 8 | **Project Purpose**: Educational Startup related to Data Science 9 | 10 | **Project Website** : [Visit Here](https://aniketsinha2002.github.io/DataScienceWebsite.github.io/) 11 | 12 | **Developer** : Aniket Sinha 13 | 14 | ## What's in it for you? 🤔 15 | 16 | - Meet fellow coders, and build a team. 17 | - Get your questions answered and help others by answering theirs. 18 | - Share your creative ideas about improving this community. 19 | - Showcase your previous works as a motivation for others. 20 | - Resources to get you started and sharpen your skills. 21 | - And a lot of things coming from you. 22 | 23 |
24 |

High VoltageTech Stack

25 | 26 | 27 |
28 |
29 |
30 |

31 | 32 | 33 | 34 | 35 | 36 |

37 |
38 |
39 | **Components of Website** 40 | 41 | **Landing Page** 42 | 43 | This is the initial page a user sees when the website is opened. The navigation bar on the website is divided into several areas, including about, courses, FAQ, and contact. Users can sign up on this website in order to keep track of their courses and learning progress. You have the choice to 'get started' in this area and start your data science adventure. 44 |
45 | 46 | ![img1](https://github.com/Shrejal123/DataScienceWebsite.github.io/assets/114261409/a977102a-412f-4a6f-adc2-1c8e5531413a) 47 |
48 | 49 | **About Us** 50 | 51 | This section provides a quick explanation of what Data Science is along with a visual illustration of the fields that make up data science. This section also includes a representation of the number of courses offered, students enrolled, and prizes awarded. 52 |
53 | 54 | ![img2](https://github.com/Shrejal123/DataScienceWebsite.github.io/assets/114261409/11cd2d21-da57-42c8-936f-1ce53774e8af) 55 | 56 |
57 | 58 | **Courses** 59 | 60 | The courses page offers a wide range of courses designed to equip you with the knowledge and skills needed to excel in the field of data science. Whether you're a beginner or an experienced professional, we have courses designed to meet your needs and help you stay ahead in this rapidly evolving field. 61 |
62 | 63 | ![img4](https://github.com/Shrejal123/DataScienceWebsite.github.io/assets/114261409/8289ce46-8d9d-4f62-ad4e-5a2eb1c9bc95) 64 | 65 | **FAQ** 66 | 67 | The Frequently Asked Questions is dedicated to providing answers to commonly asked questions. These questions aim at addressing the most common queries, offer insights, and provide clarity on various aspects of Data Science that a user could have. 68 |
69 | 70 | ![img5](https://github.com/Shrejal123/DataScienceWebsite.github.io/assets/114261409/718f8129-cb8e-4083-a629-af59d5a7cf7f) 71 | 72 | **Contact** 73 | 74 | Last but not least, the website includes information about how the user can get in touch via the provided phone number or email address. Users can use a variety of social media links to keep up with the most recent Data Science related news, announcements, events, and blog articles. It includes the website's privacy statement, terms & conditions, and return policy. 75 |
76 | 77 | ![img6](https://github.com/Shrejal123/DataScienceWebsite.github.io/assets/114261409/bbc6357b-a129-4c47-aa12-b8319717e91e) 78 | 79 |
80 | 81 | # How to **contribute**? 82 | 83 | _If you're not comfortable with command line, [here are tutorials using GUI tools.](#tutorials-using-other-tools)_ 84 | _If you don't have git on your machine, [install it](https://help.github.com/articles/set-up-git/)._ 85 | 86 | 87 | **1.** Fork [this](https://github.com/aniketsinha2002/DataScienceWebsite.github.io) repository. 88 | 89 | fork this repository 90 | 91 | **2.** Clone your forked copy of the project. 92 | 93 | ``` 94 | git clone https://github.com/aniketsinha2002/DataScienceWebsite.github.io.git 95 | ``` 96 | 97 | **3.** Navigate to the project directory :file_folder: . 98 | 99 | ``` 100 | cd DataScienceWebsite.github.io.git 101 | ``` 102 | 103 | **4.** Add a reference(remote) to the original repository. 104 | 105 | ``` 106 | git remote add upstream https://github.com/aniketsinha2002/DataScienceWebsite.github.io.git 107 | ``` 108 | 109 | **5.** Check the remotes for this repository. 110 | ``` 111 | git remote -v 112 | ``` 113 | 114 | **6.** Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository). 115 | 116 | ``` 117 | git pull upstream main 118 | ``` 119 | 120 | **7.** Create a new branch. 121 | 122 | ``` 123 | git checkout -b 124 | ``` 125 | 126 | **8.** Perform your desired changes to the code base. 127 | 128 | 129 | **9.** Track your changes:heavy_check_mark: . 130 | 131 | ``` 132 | git add . 133 | ``` 134 | 135 | **10.** Commit your changes. 136 | 137 | ``` 138 | git commit -m "Your message" 139 | ``` 140 | 141 | **11.** Push the committed changes in your feature branch to your remote repo. 142 | ``` 143 | git push -u origin 144 | ``` 145 | 146 | **12.** To create a pull request, click on `compare and pull requests`. Please ensure you compare your feature branch to the desired branch of the repository you are supposed to make a PR to. 147 | 148 | 149 | **13.** Add an appropriate title and description to your pull request explaining your changes and efforts. 150 | 151 | 152 | **14.** Click on `Create Pull Request`. 153 | 154 | 155 | **15.** Congratulations! You have made a successful PR to the DataScienceWebsite.
156 | 157 | **16.** Now sit back patiently and relax while your PR is being reviewed. 158 | 159 | #### Note :- 160 | - **Please follow best code formatting and linting practices to assure good code quality. You should use tools such as Prettier or Eslint for the purpose.** 161 | 162 |
163 | 164 | 165 |

Project Maintainer & Admin

166 |


167 | 168 | github 169 | 170 | 171 | # Open Source Events 172 | - GSSoC'23 173 | 174 |

175 | 176 |

177 | 178 | # Thanks to all Contributors 💪 179 | 180 |

Thanks a lot for spending your time helping DataScienceWebsite grow. Thanks a lot! Keep rocking 🍻

181 | 182 |
183 | 184 | 185 | 186 | 187 | 188 | 189 | ![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png) 190 | 191 | 192 | ## Stargazers 193 | 194 |
195 | 196 | [![Stargazers repo roster for @aniketsinha2002/DataGeek](https://reporoster.com/stars/aniketsinha2002/DataGeek)](https://github.com/aniketsinha2002/DataGeek/stargazers) 197 | 198 |
199 | 200 | ## Forkers 201 | 202 | [![Forkers repo roster for @aniketsinha2002/DataGeek](https://reporoster.com/forks/aniketsinha2002/DataGeek)](https://github.com/aniketsinha2002/DataGeek/network/members) 203 | 204 | 205 | ![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png) 206 | 207 | 208 | 209 | 210 | 211 |
212 | 213 | ### Show some ❤ by starring ⭐ the repository. 214 | -------------------------------------------------------------------------------- /Team/team.css: -------------------------------------------------------------------------------- 1 | /* Custom CSS to adjust the size of contributor cards */ 2 | .mb-6 { 3 | width: 270px; /* Adjust the value as needed */ 4 | margin: 0.25rem; /* Reduce the margin for spacing */ 5 | padding: 0; /* Remove padding to decrease gaps */ 6 | box-sizing: border-box; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | } 11 | .logo-img { 12 | width: 30px; 13 | } 14 | 15 | /* Adjust maximum height of the contributor card container */ 16 | .block { 17 | max-height: 420px; /* Adjust the value as needed */ 18 | overflow: hidden; /* Hide overflowing content */ 19 | margin: 0; /* Remove default margins */ 20 | padding: 2rem; /* Add padding to the content */ 21 | } 22 | 23 | .logo-img:hover { 24 | transform: scale(1.4); 25 | transition: ease-in-out 0.3s; 26 | } 27 | 28 | /* Make the contributor image responsive */ 29 | .rounded-t-lg img { 30 | width: 100%; 31 | height: auto; 32 | } 33 | 34 | .contributor-tag { 35 | display: inline-block; 36 | padding: 4px 8px; 37 | background-color: #f59e0b; 38 | color: white; 39 | font-weight: bold; 40 | border-radius: 4px; 41 | margin-top: 4px; 42 | } 43 | .pa-tag { 44 | display: inline-block; 45 | padding: 4px 8px; 46 | background-color: #4caf50; 47 | color: white; 48 | font-weight: bold; 49 | border-radius: 4px; 50 | margin-top: 4px; 51 | } 52 | /* Scale hover effect for images */ 53 | .rounded-t-lg { 54 | transition: transform 0.3s ease; 55 | } 56 | 57 | .rounded-t-lg:hover { 58 | transform: scale(1.1); 59 | } 60 | 61 | /* Additional styling for the parent container */ 62 | .contributor-container { 63 | overflow: hidden; 64 | } 65 | -------------------------------------------------------------------------------- /Team/team.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Meet Our Team 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 21 | 22 | 23 | 24 |
25 | 46 |
47 | 48 |
49 | 50 |
51 |

52 | Meet Our Team 💙 53 |

54 | 55 |
56 | 57 |
58 | 59 |
60 | 61 |
62 | 63 | 141 | 142 | 143 | 144 | 145 | -------------------------------------------------------------------------------- /Team/team.js: -------------------------------------------------------------------------------- 1 | const ownerName = "aniketsinha2002"; // Replace with the owner's GitHub username 2 | const repoName = "DataScienceWebsite.github.io"; // Replace with the name of the GitHub repository 3 | 4 | // Construct the API URL to get the list of contributors 5 | const apiUrl = `https://api.github.com/repos/${ownerName}/${repoName}/contributors`; 6 | 7 | // Function to get the number of commits for a specific contributor 8 | async function getContributorCommits(username) { 9 | const commitsUrl = `https://api.github.com/repos/${ownerName}/${repoName}/commits?author=${username}`; 10 | const response = await fetch(commitsUrl); 11 | const commits = await response.json(); 12 | return commits.length; 13 | } 14 | 15 | // Fetch contributors using the GitHub API 16 | fetch(apiUrl) 17 | .then((response) => { 18 | if (!response.ok) { 19 | throw new Error("Network response was not ok"); 20 | } 21 | return response.json(); 22 | }) 23 | .then(async (contributors) => { 24 | // Render the contributors 25 | console.log(contributors); 26 | const contributorsContainer = document.getElementById( 27 | "contributorsContainer" 28 | ); 29 | for (const contributor of contributors) { 30 | const isOwner = contributor.login === "aniketsinha2002"; 31 | const isContributorXYZ = contributor.login === "XYZ"; 32 | const contributorTitle = isOwner 33 | ? "Project Admin" 34 | : isContributorXYZ 35 | ? "" 36 | : "Contributor"; 37 | 38 | // Get the number of commits for this contributor 39 | const numCommits = await getContributorCommits(contributor.login); 40 | const gitHubLogo = "https://cdn-icons-png.flaticon.com/512/25/25231.png"; 41 | const contributorHTML = ` 42 |
43 |
44 |
45 | 46 | 47 |
48 | 49 |
50 |
51 | 53 | 54 | 55 |
56 |

${ 57 | contributor.login 58 | }

59 | 60 | ${ 61 | isContributorXYZ 62 | ? "" 63 | : '' + 64 | contributorTitle + 65 | " " 66 | } 67 | 68 | 69 |

${numCommits} commits

70 | 71 |
72 |
73 |
74 |
75 | `; 76 | contributorsContainer.innerHTML += contributorHTML; 77 | } 78 | }) 79 | .catch((error) => { 80 | console.error("Error fetching contributors:", error); 81 | }); 82 | -------------------------------------------------------------------------------- /chatbot/script.js: -------------------------------------------------------------------------------- 1 | // MESSAGE INPUT 2 | const textarea = document.querySelector('.chatbox-message-input') 3 | const chatboxForm = document.querySelector('.chatbox-message-form') 4 | 5 | textarea.addEventListener('input', function () { 6 | let line = textarea.value.split('\n').length 7 | 8 | if(textarea.rows < 6 || line < 6) { 9 | textarea.rows = line 10 | } 11 | 12 | if(textarea.rows > 1) { 13 | chatboxForm.style.alignItems = 'flex-end' 14 | } else { 15 | chatboxForm.style.alignItems = 'center' 16 | } 17 | }) 18 | 19 | 20 | 21 | // TOGGLE CHATBOX 22 | const chatboxToggle = document.querySelector('.chatbox-toggle') 23 | const chatboxMessage = document.querySelector('.chatbox-message-wrapper') 24 | 25 | chatboxToggle.addEventListener('click', function () { 26 | chatboxMessage.classList.toggle('show') 27 | }) 28 | 29 | 30 | 31 | // DROPDOWN TOGGLE 32 | const dropdownToggle = document.querySelector('.chatbox-message-dropdown-toggle') 33 | const dropdownMenu = document.querySelector('.chatbox-message-dropdown-menu') 34 | 35 | dropdownToggle.addEventListener('click', function () { 36 | dropdownMenu.classList.toggle('show') 37 | }) 38 | 39 | document.addEventListener('click', function (e) { 40 | if(!e.target.matches('.chatbox-message-dropdown, .chatbox-message-dropdown *')) { 41 | dropdownMenu.classList.remove('show') 42 | } 43 | }) 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | // CHATBOX MESSAGE 52 | const chatboxMessageWrapper = document.querySelector('.chatbox-message-content') 53 | const chatboxNoMessage = document.querySelector('.chatbox-message-no-message') 54 | 55 | chatboxForm.addEventListener('submit', function (e) { 56 | e.preventDefault() 57 | 58 | if(isValid(textarea.value)) { 59 | writeMessage() 60 | setTimeout(autoReply, 1000) 61 | } 62 | }) 63 | 64 | 65 | 66 | function addZero(num) { 67 | return num < 10 ? '0'+num : num 68 | } 69 | 70 | function writeMessage() { 71 | const today = new Date() 72 | let message = ` 73 |
74 | 75 | ${textarea.value.trim().replace(/\n/g, '
\n')} 76 | 77 | ${addZero(today.getHours())}:${addZero(today.getMinutes())} 78 |
79 | ` 80 | chatboxMessageWrapper.insertAdjacentHTML('beforeend', message) 81 | chatboxForm.style.alignItems = 'center' 82 | textarea.rows = 1 83 | textarea.focus() 84 | textarea.value = '' 85 | chatboxNoMessage.style.display = 'none' 86 | scrollBottom() 87 | } 88 | 89 | function autoReply() { 90 | const today = new Date() 91 | let message = ` 92 |
93 | 94 | Hello, 95 | 96 | 97 | so how can I help you ? 98 | 99 | ${addZero(today.getHours())}:${addZero(today.getMinutes())} 100 |
101 | ` 102 | chatboxMessageWrapper.insertAdjacentHTML('beforeend', message) 103 | scrollBottom() 104 | } 105 | 106 | function scrollBottom() { 107 | chatboxMessageWrapper.scrollTo(0, chatboxMessageWrapper.scrollHeight) 108 | } 109 | 110 | function isValid(value) { 111 | let text = value.replace(/\n/g, '') 112 | text = text.replace(/\s/g, '') 113 | 114 | return text.length > 0 115 | } 116 | 117 | // CHATBOT MENU TOGGLE 118 | const closeLink = document.querySelector('.chatbox-message-dropdown-menu li:nth-child(2) a'); 119 | closeLink.addEventListener('click', () => { 120 | chatboxMessage.classList.toggle('show') 121 | }); 122 | -------------------------------------------------------------------------------- /chatbot/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); 2 | 3 | /* Box sizing rules */ 4 | *, 5 | *::before, 6 | *::after { 7 | box-sizing: border-box; 8 | } 9 | 10 | /* Remove default margin */ 11 | body, 12 | h1, 13 | h2, 14 | h3, 15 | h4, 16 | p, 17 | figure, 18 | blockquote, 19 | dl, 20 | dd { 21 | margin: 0; 22 | } 23 | 24 | /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ 25 | ul[role='list'], 26 | ol[role='list'] { 27 | list-style: none; 28 | } 29 | 30 | /* Set core root defaults */ 31 | html:focus-within { 32 | scroll-behavior: smooth; 33 | } 34 | 35 | /* Set core body defaults */ 36 | 37 | /* A elements that don't have a class get default styles */ 38 | a:not([class]) { 39 | text-decoration-skip-ink: auto; 40 | } 41 | 42 | /* Make images easier to work with */ 43 | img, 44 | picture { 45 | max-width: 100%; 46 | display: block; 47 | } 48 | 49 | /* Inherit fonts for inputs and buttons */ 50 | input, 51 | button, 52 | textarea, 53 | select { 54 | font: inherit; 55 | } 56 | 57 | /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ 58 | @media (prefers-reduced-motion: reduce) { 59 | html:focus-within { 60 | scroll-behavior: auto; 61 | } 62 | 63 | *, 64 | *::before, 65 | *::after { 66 | animation-duration: 0.01ms !important; 67 | animation-iteration-count: 1 !important; 68 | transition-duration: 0.01ms !important; 69 | scroll-behavior: auto !important; 70 | } 71 | } 72 | 73 | /* GLOBAL STYLES */ 74 | :root { 75 | --blue: #f5f5f5; 76 | --grey: #105380; 77 | --grey-d-1: #ffffff; 78 | --grey-d-2: #DDD; 79 | --grey-d-3: #ffffff; 80 | --white: #0b1e39; 81 | --dark: #ffffff; 82 | } 83 | /* GLOBAL STYLES */ 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | /* CHATBOX */ 92 | .chatbox-wrapper { 93 | position: fixed; 94 | bottom: 2rem; 95 | right: 2rem; 96 | width: 4rem; 97 | height: 4rem; 98 | } 99 | .chatbox-toggle { 100 | width: 100%; 101 | height: 100%; 102 | background: var(--blue); 103 | color: var(--white); 104 | font-size: 2rem; 105 | display: flex; 106 | justify-content: center; 107 | align-items: center; 108 | border-radius: 50%; 109 | cursor: pointer; 110 | transition: .2s; 111 | } 112 | 113 | .chatbox-toggle:hover{ 114 | box-shadow: 0 0 5px #03e9f4, 115 | 0 0 25px #03e9f4, 116 | 0 0 50px #03e9f4, 117 | 0 0 100px #03e9f4; 118 | } 119 | 120 | 121 | .chatbox-toggle:active { 122 | transform: scale(.9); 123 | } 124 | .chatbox-message-wrapper { 125 | position: absolute; 126 | bottom: calc(100% + 1rem); 127 | right: 0; 128 | width: 420px; 129 | border-radius: .5rem; 130 | overflow: hidden; 131 | box-shadow: .5rem .5rem 2rem rgba(0, 0, 0, .1); 132 | transform: scale(0); 133 | transform-origin: bottom right; 134 | transition: .2s; 135 | } 136 | .chatbox-message-wrapper.show { 137 | transform: scale(1); 138 | } 139 | .chatbox-message-header { 140 | display: flex; 141 | align-items: center; 142 | justify-content: space-between; 143 | background: var(--white); 144 | padding: .75rem 1.5rem; 145 | } 146 | .chatbox-message-profile { 147 | display: flex; 148 | align-items: center; 149 | grid-gap: .5rem; 150 | } 151 | .chatbox-message-image { 152 | width: 3rem; 153 | height: 3rem; 154 | object-fit: cover; 155 | border-radius: 50%; 156 | } 157 | .chatbox-message-name { 158 | font-size: 1.125rem; 159 | font-weight: 600; 160 | } 161 | .chatbox-message-status { 162 | font-size: .875rem; 163 | color: var(--grey-d-3); 164 | } 165 | .chatbox-message-dropdown { 166 | position: relative; 167 | } 168 | .chatbox-message-dropdown-toggle { 169 | display: flex; 170 | justify-content: center; 171 | align-items: center; 172 | width: 2.5rem; 173 | height: 2.5rem; 174 | font-size: 1.25rem; 175 | cursor: pointer; 176 | border-radius: 50%; 177 | } 178 | .chatbox-message-dropdown-toggle:hover { 179 | background: var(--grey); 180 | } 181 | .chatbox-message-dropdown-menu { 182 | list-style: none; 183 | margin: 0; 184 | position: absolute; 185 | top: 100%; 186 | right: 0; 187 | background: var(--white); 188 | padding: .5rem 0; 189 | width: 120px; 190 | box-shadow: .25rem .25rem 1.5rem rgba(0, 0, 0, .1); 191 | transform: scale(0); 192 | transform-origin: top right; 193 | transition: .2s; 194 | border-radius: .5rem; 195 | color: white; 196 | } 197 | .chatbox-message-dropdown-menu.show { 198 | transform: scale(1); 199 | } 200 | .chatbox-message-dropdown-menu a { 201 | font-size: .875rem; 202 | font-weight: 500; 203 | color: var(--dark); 204 | text-decoration: none; 205 | padding: .5rem 1rem; 206 | display: block; 207 | } 208 | .chatbox-message-dropdown-menu a:hover { 209 | background: var(--grey); 210 | } 211 | .chatbox-message-content { 212 | background: var(--grey); 213 | padding: 1.5rem; 214 | display: flex; 215 | flex-direction: column; 216 | grid-row-gap: 1rem; 217 | max-height: 300px; 218 | overflow-y: auto; 219 | } 220 | .chatbox-message-item { 221 | width: 90%; 222 | padding: 1rem; 223 | } 224 | .chatbox-message-item.sent { 225 | align-self: flex-end; 226 | background: var(--blue); 227 | color: var(--white); 228 | border-radius: .75rem 0 .75rem .75rem; 229 | } 230 | .chatbox-message-item.received { 231 | background: var(--white); 232 | border-radius: 0 .75rem .75rem .75rem; 233 | box-shadow: .25rem .25rem 1.5rem rgba(0, 0, 0, .05); 234 | } 235 | .chatbox-message-item-time { 236 | float: right; 237 | font-size: .75rem; 238 | margin-top: .5rem; 239 | display: inline-block; 240 | } 241 | .chatbox-message-bottom { 242 | background: var(--white); 243 | padding: .75rem 1.5rem; 244 | } 245 | .chatbox-message-form { 246 | display: flex; 247 | align-items: center; 248 | background: var(--grey); 249 | border-radius: .5rem; 250 | padding: .5rem 1.25rem; 251 | } 252 | .chatbox-message-input { 253 | background: transparent; 254 | width: 100%; 255 | outline: none; 256 | border: none; 257 | resize: none; 258 | scrollbar-width: none; 259 | } 260 | 261 | .chatbox-message-input::-webkit-scrollbar { 262 | display: none; 263 | } 264 | .chatbox-message-submit { 265 | font-size: 1.25rem; 266 | color: var(--blue); 267 | background: transparent; 268 | border: none; 269 | outline: none; 270 | cursor: pointer; 271 | } 272 | .chatbox-message-no-message { 273 | font-size: 1rem; 274 | font-weight: 600; 275 | text-align: center; 276 | } 277 | 278 | 279 | #dots-nav{ 280 | font-size: 1.5em; 281 | display: flex; 282 | } 283 | 284 | /* CHATBOX */ 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | /* BREAKPOINTS */ 293 | @media screen and (max-width: 576px) { 294 | .chatbox-message-wrapper { 295 | width: calc(100vw - 2rem); 296 | } 297 | .chatbox-wrapper { 298 | bottom: 1rem; 299 | right: 1rem; 300 | } 301 | } 302 | /* BREAKPOINTS */ 303 | 304 | 305 | @import url('https://cdn.jsdelivr.net/npm/boxicons@2.0.7/css/boxicons.min.css'); 306 | 307 | /* Add your custom CSS styles here */ 308 | 309 | /* CHATBOX */ 310 | .chatbox-wrapper { 311 | position: fixed; 312 | bottom: 2rem; 313 | right: 2rem; 314 | width: 4rem; 315 | height: 4rem; 316 | } 317 | 318 | .chatbox-toggle { 319 | width: 100%; 320 | height: 100%; 321 | background: var(--blue); 322 | color: var(--white); 323 | font-size: 2rem; 324 | display: flex; 325 | justify-content: center; 326 | align-items: center; 327 | border-radius: 50%; 328 | cursor: pointer; 329 | transition: .2s; 330 | } 331 | 332 | .chatbox-toggle:hover { 333 | box-shadow: 0 0 5px #03e9f4, 334 | 0 0 25px #03e9f4, 335 | 0 0 50px #03e9f4, 336 | 0 0 100px #03e9f4; 337 | } 338 | 339 | .chatbox-toggle:active { 340 | transform: scale(.9); 341 | } 342 | 343 | .chatbox-message-wrapper { 344 | position: fixed; 345 | bottom: 4rem; 346 | right: 2rem; 347 | width: 420px; 348 | border-radius: .5rem; 349 | overflow: hidden; 350 | box-shadow: .5rem .5rem 2rem rgba(0, 0, 0, .1); 351 | transform: scale(0); 352 | transform-origin: bottom right; 353 | transition: .2s; 354 | } 355 | 356 | .chatbox-message-wrapper.show { 357 | transform: scale(1); 358 | } 359 | 360 | .chatbox-message-header { 361 | padding: 1rem; 362 | background-color: var(--blue); 363 | color: var(--white); 364 | display: flex; 365 | justify-content: space-between; 366 | align-items: center; 367 | background: rgb(34,193,195); 368 | background: linear-gradient(180deg, rgb(34, 171, 195) 10%, rgba(16,83,128,1) 100%); 369 | } 370 | 371 | .chatbox-message-profile { 372 | display: flex; 373 | align-items: center; 374 | } 375 | 376 | .chatbox-message-image { 377 | width: 3rem; 378 | height: 3rem; 379 | border-radius: 50%; 380 | margin-right: 1rem; 381 | } 382 | 383 | .chatbox-message-name { 384 | margin: 0; 385 | background: var(--white); 386 | -webkit-background-clip: text; 387 | -webkit-text-fill-color: transparent; 388 | } 389 | 390 | .chatbox-message-status { 391 | font-size: 0.8rem; 392 | color: white; 393 | } 394 | 395 | .chatbox-message-dropdown { 396 | position: relative; 397 | } 398 | 399 | .chatbox-message-dropdown-toggle { 400 | cursor: pointer; 401 | } 402 | .bx.bx-dots-vertical-rounded { 403 | color: var(white); 404 | } 405 | .chatbox-message-dropdown-menu { 406 | position: absolute; 407 | top: 100%; 408 | right: 0; 409 | background-color: var(--white); 410 | list-style-type: none; 411 | padding: 0.5rem 0; 412 | margin: 0; 413 | box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); 414 | border-radius: 0.2rem; 415 | display: none; 416 | } 417 | 418 | .chatbox-message-dropdown-menu li { 419 | padding: 0.5rem 1rem; 420 | } 421 | 422 | .chatbox-message-dropdown-menu li a { 423 | color: var(--dark-gray); 424 | text-decoration: none; 425 | display: block; 426 | } 427 | 428 | .chatbox-message-dropdown-menu li a:hover { 429 | background-color: var(--light-gray); 430 | } 431 | 432 | .chatbox-message-dropdown:hover .chatbox-message-dropdown-menu { 433 | display: block; 434 | } 435 | 436 | /* Chatbox content */ 437 | .chatbox-message-content { 438 | background-color: #105380; 439 | padding: 1rem; 440 | min-height: 400px; 441 | } 442 | 443 | .chatbox-message-no-message { 444 | margin: 0; 445 | text-align: center; 446 | color: var(--gray); 447 | } 448 | 449 | /* Chatbox bottom */ 450 | .chatbox-message-bottom { 451 | padding: 1rem; 452 | background-color: var(--light-gray); 453 | display: flex; 454 | justify-content: space-between; 455 | align-items: center; 456 | background: rgb(16,83,128); 457 | background: linear-gradient(180deg, rgba(16,83,128,1) 0%, rgba(11,30,57,1) 120%); 458 | } 459 | 460 | .chatbox-message-form { 461 | display: flex; 462 | align-items: center; 463 | width: 100%; 464 | } 465 | 466 | .chatbox-message-input { 467 | flex: 1; 468 | border: none; 469 | padding: 0.5rem; 470 | border-radius: 0.2rem; 471 | background-color: var(--white); 472 | resize: none; 473 | } 474 | 475 | .chatbox-message-submit { 476 | background-color: var(--blue); 477 | color: var(--white); 478 | border: none; 479 | padding: 0.5rem; 480 | border-radius: 0.2rem; 481 | margin-left: 0.5rem; 482 | cursor: pointer; 483 | } 484 | 485 | .chatbox-message-submit:hover { 486 | background-color: var(--dark-blue); 487 | } 488 | -------------------------------------------------------------------------------- /contact/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Data Science Portal | Contact Us 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 43 |
44 | 45 |
46 |
47 |
48 | 49 |

contact us

50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 | 60 | Phone No. 61 | 1-2392-23928-2 62 |
63 |
64 | 65 | E-mail 66 | mail@company.com 67 |
68 |
69 | 70 | Github 71 | LINK 72 |
73 |
74 | 75 | Opening Hours 76 | Monday - Friday (9:00 AM to 5:00 PM) 77 |
78 |
79 | 80 |
81 |
84 |
85 | 86 | 87 |
88 |
89 | 90 | 91 |
92 | 93 | 94 |
95 | 96 |
99 | contact_us_illustration 100 |
101 |
102 |
103 | 104 |
105 |

Follow Us

106 | 113 |
114 |
115 |
116 | 117 | 118 | 196 | 197 | 198 | 199 | 202 | -------------------------------------------------------------------------------- /contact/style.css: -------------------------------------------------------------------------------- 1 | .container-fluid { 2 | padding: 5% 15%; 3 | } 4 | body { 5 | font-family: "Montserrat"; 6 | /* line-height: 1.5; */ 7 | /* text-align: center; */ 8 | /* padding: 5% 15%; */ 9 | background-color: #033660; 10 | } 11 | 12 | .container-fluid { 13 | padding: 5% 15%; 14 | } 15 | 16 | .contact-bg { 17 | margin-top: -7rem; 18 | height: 100vh; 19 | background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); 20 | /* , url(images/contact-bg.jpg) */ 21 | /* background-position: 50% 100%; 22 | background-repeat: no-repeat; 23 | background-attachment: fixed; */ 24 | text-align: center; 25 | /* color: #fff; */ 26 | color: white; 27 | display: flex; 28 | flex-direction: column; 29 | justify-content: center; 30 | align-items: center; 31 | } 32 | .contact-bg h3 { 33 | font-size: 1.3rem; 34 | font-weight: 500; 35 | } 36 | .contact-bg h2 { 37 | font-size: 3rem; 38 | text-transform: uppercase; 39 | padding: 0.4rem 0; 40 | letter-spacing: 4px; 41 | } 42 | 43 | .line div { 44 | margin: 0 0.2rem; 45 | } 46 | .line div:nth-child(1), 47 | .line div:nth-child(3) { 48 | height: 3px; 49 | width: 70px; 50 | /* background: #f7327a; */ 51 | background-color: skyblue; 52 | border-radius: 5px; 53 | } 54 | .line { 55 | display: flex; 56 | align-items: center; 57 | } 58 | .line div:nth-child(2) { 59 | width: 10px; 60 | height: 10px; 61 | /* background: #f7327a; */ 62 | background-color: skyblue; 63 | border-radius: 50%; 64 | } 65 | .text { 66 | font-weight: 300; 67 | opacity: 0.9; 68 | color: black; 69 | } 70 | .contact-bg .text { 71 | margin: 1.6rem 0; 72 | } 73 | 74 | .text { 75 | font-weight: 300; 76 | opacity: 0.9; 77 | /* color: black; */ 78 | color: white; 79 | } 80 | 81 | .contact-body { 82 | max-width: 1320px; 83 | margin: 0 auto; 84 | padding: 0 1rem; 85 | } 86 | .contact-info { 87 | margin: 2rem 0; 88 | text-align: center; 89 | padding: 2rem 0; 90 | } 91 | .contact-info span { 92 | display: block; 93 | color: white; 94 | } 95 | .contact-info div { 96 | margin: 0.8rem 0; 97 | padding: 1rem; 98 | transition: 0.2s all; 99 | } 100 | 101 | .contact-info div:hover { 102 | z-index: 1; 103 | box-shadow: 0 8px 50px rgba(0, 0, 0, 0, 0.2); 104 | transform: scale(1.05); 105 | } 106 | 107 | .contact-info span .fas { 108 | font-size: 2rem; 109 | padding-bottom: 0.9rem; 110 | /* color: #f7327a; */ 111 | color: rgb(100, 203, 245); 112 | } 113 | .contact-info span .fas:hover { 114 | /* color: #d157c5; */ 115 | color: rgb(108, 174, 200); 116 | border-color: rgb(100, 203, 245); 117 | 118 | /* border-color: #f7327a; */ 119 | } 120 | 121 | .contact-info div span:nth-child(2) { 122 | font-weight: 500; 123 | font-size: 1.1rem; 124 | } 125 | .contact-info .text { 126 | padding-top: 0.4rem; 127 | } 128 | .contact-form { 129 | display: flex; 130 | align-items: center; 131 | gap: 30px; 132 | padding: 2rem 0; 133 | border-top: 1px solid #c7c7c7; 134 | flex-wrap: wrap; 135 | } 136 | .contact-form form { 137 | padding-bottom: 1rem; 138 | width: 100%; 139 | } 140 | .form-control { 141 | width: 100%; 142 | /* border: 1.5px solid #c7c7c7; */ 143 | background-color: var(--color-bg2); 144 | border-radius: 5px; 145 | padding: 0.7rem; 146 | margin: 0.6rem 0; 147 | font-family: "Open Sans", sans-serif; 148 | font-size: 1rem; 149 | outline: 0; 150 | color: #fff; 151 | } 152 | .form-control::placeholder{ 153 | color: #ffffff52; 154 | } 155 | .form-control:focus { 156 | box-shadow: 0 0 6px -3px rgba(48, 48, 48, 1); 157 | } 158 | .contact-form form div { 159 | display: grid; 160 | grid-template-columns: repeat(2, 1fr); 161 | column-gap: 0.6rem; 162 | } 163 | .send-btn { 164 | font-family: "Open Sans", sans-serif; 165 | font-size: 1rem; 166 | text-transform: uppercase; 167 | color: #fff; 168 | background:rgba(33, 186, 247, 0.74); 169 | /* background: #f7327a; */ 170 | border: none; 171 | border-radius: 5px; 172 | padding: 0.7rem 1.5rem; 173 | cursor: pointer; 174 | transition: all 0.4s ease; 175 | } 176 | .send-btn:hover { 177 | /* opacity: 0.8; */ 178 | background:rgb(100, 203, 245); 179 | /* background: #e383a6e9; */ 180 | color: #fff; 181 | } 182 | 183 | iframe { 184 | justify-content: center; 185 | margin-left: 9%; 186 | width: 82%; 187 | margin-bottom: 24px; 188 | } 189 | 190 | .contact-form > div img { 191 | width: 100%; 192 | } 193 | .contact-form > div { 194 | margin: 0 auto; 195 | text-align: center; 196 | } 197 | .contact-footer { 198 | padding: 2rem 0; 199 | /* background: #000; */ 200 | /* background: white; */ 201 | } 202 | .contact-footer h3 { 203 | font-size: 1.3rem; 204 | /* color: #fff; */ 205 | color: white; 206 | margin-bottom: 1rem; 207 | text-align: center; 208 | } 209 | .social-links { 210 | display: flex; 211 | justify-content: center; 212 | /* background: white; */ 213 | } 214 | .social-links a { 215 | text-decoration: none; 216 | width: 40px; 217 | height: 40px; 218 | /* color: #fff; */ 219 | color: white; 220 | 221 | border: 2px solid #fff; 222 | border-radius: 50%; 223 | display: flex; 224 | justify-content: center; 225 | align-items: center; 226 | margin: 0.4rem; 227 | transition: all 0.4s ease; 228 | } 229 | .social-links a:hover { 230 | /* color: #f7327a; */ 231 | color: rgb(100, 203, 245); 232 | /* border-color: #f7327a; */ 233 | border-color: rgb(100, 203, 245); 234 | transform: translateY(-8px); 235 | } 236 | 237 | @media screen and (min-width: 768px) { 238 | .contact-bg .text { 239 | width: 70%; 240 | margin-left: auto; 241 | margin-right: auto; 242 | } 243 | .contact-info { 244 | display: grid; 245 | grid-template-columns: repeat(2, 1fr); 246 | } 247 | } 248 | 249 | @media screen and (min-width: 992px) { 250 | .contact-bg .text { 251 | width: 50%; 252 | } 253 | .contact-form { 254 | display: grid; 255 | grid-template-columns: repeat(2, 1fr); 256 | align-items: center; 257 | } 258 | } 259 | 260 | @media screen and (min-width: 1200px) { 261 | .contact-info { 262 | grid-template-columns: repeat(4, 1fr); 263 | } 264 | } 265 | 266 | 267 | 268 | /* *{ 269 | padding: 0; 270 | margin: 0; 271 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 272 | } 273 | 274 | main{ 275 | background-image: url('../images/contact-bg.jpg'); 276 | background-size: cover; 277 | height: 100vh; 278 | width: 100vw; 279 | } 280 | 281 | .contact{ 282 | height: 100%; 283 | display: flex; 284 | justify-content: center; 285 | align-items: center; 286 | text-align: center; 287 | } 288 | 289 | .contact-main{ 290 | border: 8px solid rgb(70, 83, 202); 291 | border-radius: 10px; 292 | background: linear-gradient(rgb(47, 81, 107, 0.8), rgba(40, 62, 100, 0.9)); 293 | height: 50vh; 294 | width: 30vw; 295 | } 296 | 297 | .contact-heading{ 298 | padding: 1em 0; 299 | color: white; 300 | } 301 | 302 | .contact-heading h1{ 303 | display: flex; 304 | justify-content: center; 305 | margin: 1vh 0; 306 | } 307 | 308 | .contact-heading p{ 309 | display: flex; 310 | justify-content: center; 311 | } 312 | 313 | .contact-sec{ 314 | display: flex; 315 | flex-direction: column; 316 | width: 25vw; 317 | margin: auto; 318 | } 319 | 320 | .contact-sec input{ 321 | margin: 1rem; 322 | padding: 0.5rem; 323 | background: transparent; 324 | border: none; 325 | border-bottom: 1px solid rgb(48, 100, 255); 326 | } 327 | 328 | .contact-sec input[placeholder]{ 329 | color: white; 330 | font-weight: 500; 331 | } 332 | 333 | .contact-sec button{ 334 | margin: auto; 335 | width: 8.5vw; 336 | height: 5vh; 337 | background: transparent; 338 | color: white; 339 | font-weight: 600; 340 | margin: 1vh auto; 341 | } 342 | 343 | .contact-sec button{ 344 | background-color: rgba(45, 45, 219, 0.8); 345 | 346 | } 347 | 348 | @media only screen and (max-width:1200px){ 349 | .contact-main{ 350 | width: 60%; 351 | } 352 | 353 | .contact-sec{ 354 | width: 100%; 355 | } 356 | 357 | .contact-sec input{ 358 | height: 3vh; 359 | width: 70%; 360 | margin: auto; 361 | } 362 | .contact-sec button{ 363 | width: 11vw; 364 | margin-top: 3vh; 365 | } 366 | 367 | } 368 | 369 | @media only screen and (max-width:670px){ 370 | 371 | .contact-heading{ 372 | font-size: 0.8em; 373 | } 374 | 375 | .contact-main{ 376 | width: 60%; 377 | } 378 | 379 | .contact-sec{ 380 | width: 100%; 381 | } 382 | 383 | .contact-sec input{ 384 | height: 4vh; 385 | width: auto; 386 | margin: auto; 387 | } 388 | .contact-sec button{ 389 | width: auto; 390 | margin-top: 3vh; 391 | } 392 | } */ 393 | 394 | @import url("https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700&display=swap"); 395 | 396 | * { 397 | margin: 0; 398 | padding: 0; 399 | border: 0; 400 | outline: 0; 401 | text-decoration: none; 402 | list-style: none; 403 | box-sizing: border-box; 404 | } 405 | 406 | :root { 407 | /*--color-primary: #6c63ff;*/ 408 | /*--color-primary:#424890;*/ 409 | --color-primary: #03548664; 410 | --color-success: #00bf8e; 411 | --color-warning: #f7c94b; 412 | /*--color-danger: #f75842;*/ 413 | --color-define: #ff3c78; 414 | --color-danger: #ff960b; 415 | --color-danger-variant: rgba(247, 88, 66, 0.4); 416 | --color-white: #fff; 417 | --color-light: rgba(255, 255, 255, 0.7); 418 | --color-black: #000; 419 | --color-bg: #1f2641; 420 | /*--color-bg1: #2e3267;*/ 421 | --color-bg1: #023055; 422 | 423 | --color-bg2: #03548664; 424 | 425 | --container-width-lg: 80%; 426 | --container-width-md: 90%; 427 | --container-width-sm: 94%; 428 | 429 | --transition: all 500ms ease; 430 | } 431 | 432 | /* body { 433 | font-family: "Montserrat", sans-serif; 434 | font-weight: 400; 435 | line-height: 1.7; 436 | color: var(--color-white); 437 | background: #071f30; 438 | } */ 439 | 440 | .container { 441 | width: var(--container-width-lg); 442 | margin: 0 auto; 443 | } 444 | 445 | section { 446 | padding: 4rem 0; 447 | } 448 | 449 | section h2 { 450 | text-align: center; 451 | margin-bottom: 4rem; 452 | } 453 | 454 | h1, 455 | h2, 456 | h3, 457 | h4, 458 | h5 { 459 | line-height: 1.2; 460 | } 461 | 462 | h1 { 463 | font-size: 2.4rem; 464 | } 465 | 466 | h2 { 467 | font-size: 2rem; 468 | } 469 | 470 | h3 { 471 | font-size: 1.6rem; 472 | } 473 | 474 | h4 { 475 | font-size: 1.3rem; 476 | } 477 | 478 | a { 479 | color: var(--color-white); 480 | } 481 | 482 | img { 483 | width: 100%; 484 | display: block; 485 | object-fit: cover; 486 | } 487 | 488 | .btn { 489 | display: inline-block; 490 | border-color: rgb(121, 116, 116); 491 | background-color: rgba(157, 147, 147, 0.562); 492 | padding: 1rem 2rem; 493 | border-top: 1px solid; 494 | border-right: 1px solid; 495 | font-weight: 500; 496 | transition: var(--transition); 497 | } 498 | 499 | .btn:hover { 500 | background: transparent; 501 | color: var(--color-white); 502 | border-color: var(--color-white); 503 | } 504 | 505 | .btn-primary { 506 | background: var(--color-define); 507 | color: var(--color-white); 508 | border-radius: 30px; 509 | transition: all ease 0.5s; 510 | box-shadow: 0 0 20px 9px hsla(0, 4%, 5%, 0.19); 511 | 512 | border: 1px solid; 513 | border-top: 3px solid; 514 | border-right: 3px solid; 515 | border-color: #761142b1; 516 | } 517 | 518 | .button a span { 519 | position: relative; 520 | display: inline-block; 521 | font-size: 18px; 522 | text-transform: uppercase; 523 | color: #fff; 524 | text-decoration: none; 525 | padding: 18px 30px; 526 | letter-spacing: 2px; 527 | font-weight: 500; 528 | margin-top: 60px; 529 | } 530 | 531 | .button a span:before { 532 | content: ""; 533 | position: absolute; 534 | top: 0; 535 | left: 0; 536 | width: 60px; 537 | height: 60px; 538 | border-radius: 50px; 539 | background-color: #ff960b; 540 | z-index: -1; 541 | transition: all ease 0.5s; 542 | } 543 | 544 | .button a span:hover:before { 545 | width: 100%; 546 | } 547 | 548 | .grad a h4 { 549 | position: relative; 550 | width: 200px; 551 | height: 250px; 552 | background: radial-gradient(610px, #2f85f58c, transparent 40%); 553 | margin-top: 2px; 554 | } 555 | 556 | /* --------navbar------------ */ 557 | 558 | nav { 559 | /*background: #071f30;*/ 560 | /*background: transparent;*/ 561 | width: 20vw; 562 | height: 5rem; 563 | position: absolute; 564 | top: 0; 565 | /* margin-bottom: 5rem; */ 566 | z-index: -11; 567 | text-transform: uppercase; 568 | margin-top: 30px; 569 | background: #071f30; 570 | box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); 571 | } 572 | 573 | nav li { 574 | margin: -20px; 575 | } 576 | 577 | /* change navbar styles on scroll using javascript */ 578 | .window-scroll { 579 | background: #071f30; 580 | box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); 581 | } 582 | 583 | .navbar { 584 | margin-top: 0; 585 | width: 100% !important; 586 | background: #071f30; 587 | font-family: "Montserrat", sans-serif; 588 | font-weight: 10px; 589 | } 590 | 591 | nav { 592 | background: #071f30; 593 | box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); 594 | /* margin-left: -200px; */ 595 | } 596 | 597 | .nav__container { 598 | position: relative; 599 | height: 100%; 600 | display: flex; 601 | justify-content: space-between; 602 | align-items: center; 603 | margin-left: -210px; 604 | } 605 | 606 | /* .nav__container a h4 { 607 | height: -10%; 608 | display: flex; 609 | padding-left: 100px; 610 | margin-top: 10px; 611 | align-items: center; 612 | font-size: 16px; 613 | font-weight: 100; 614 | } */ 615 | .nav__container a h4 { 616 | height: 100%; 617 | display: flex; 618 | padding-left: 300px; 619 | margin-top: 10px; 620 | align-items: center; 621 | } 622 | .grad a h4 { 623 | position: relative; 624 | width: 600px; 625 | /* height: 550px; */ 626 | background: radial-gradient(610px, #2f85f58c, transparent 40%); 627 | margin-top: 2px; 628 | } 629 | .logo { 630 | max-height: 2; 631 | max-width: 2; 632 | } 633 | 634 | .nav__menu li a { 635 | font-size: 14px; 636 | margin-right: 100px; 637 | display: inline block; 638 | font-weight: lighter; 639 | } 640 | .nav__container h4 { 641 | font-weight: 100; 642 | } 643 | nav button { 644 | display: none; 645 | } 646 | 647 | .nav__menu { 648 | display: flex; 649 | align-items: center; 650 | gap: 10%; 651 | position: relative; 652 | top: 0; 653 | right: 0; 654 | margin: -250px; 655 | } 656 | 657 | .nav__menu a { 658 | font-size: 0.1rem; 659 | transition: var(--transition); 660 | } 661 | 662 | .nav__menu li a { 663 | display: inline-block; 664 | margin: 10px 20px; 665 | /* margin-left: -1px; */ 666 | } 667 | 668 | .nav__menu a:hover { 669 | color: #ff3c78; 670 | } 671 | 672 | .nav__menu a.signup { 673 | display: inline-block; 674 | width: 140px; 675 | height: 50px; 676 | line-height: 50px; 677 | background-color: transparent; 678 | color: aqua; 679 | border: 2px solid rgba(255, 255, 255, 0.488); 680 | text-align: center; 681 | font-size: 0.9rem; 682 | border-radius: 30px; 683 | transition: var(--transition); 684 | } 685 | 686 | .nav__menu a.signup:hover { 687 | background: transparent; 688 | color: var(--color-white); 689 | border-color: var(--color-white); 690 | box-shadow: 5px 5px 5px orange; 691 | } 692 | 693 | .uli { 694 | position: absolute; 695 | top: 0; 696 | right: 0; 697 | } 698 | 699 | /* =================== NAVBAR ===================== */ 700 | nav { 701 | background: transparent; 702 | width: 20vw; 703 | height: 5rem; 704 | position: fixed; 705 | top: 0; 706 | z-index: 11; 707 | text-transform: uppercase; 708 | margin-top: 30px; 709 | } 710 | 711 | nav li { 712 | margin: -56px; 713 | } 714 | 715 | /* change navbar styles on scroll using javascript */ 716 | .window-scroll { 717 | background: #071f30; 718 | box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); 719 | } 720 | 721 | .nav__container { 722 | height: 100%; 723 | display: flex; 724 | justify-content: space-between; 725 | align-items: center; 726 | width: 100%; 727 | } 728 | /* .nav__container a h4 { 729 | height: 100%; 730 | display: flex; 731 | padding-right: 22rem; 732 | align-items: center; 733 | margin-top: 10px; 734 | } 735 | 736 | .nav__container { 737 | position: relative; 738 | height: 100%; 739 | display: flex; 740 | justify-content: space-between; 741 | align-items: center; 742 | margin-left: -210px; 743 | 744 | } */ 745 | 746 | .nav__container a h4 { 747 | height: 100%; 748 | display: flex; 749 | padding-left: 300px; 750 | margin-top: 10px; 751 | align-items: center; 752 | font-size: 16px; 753 | font-weight: inherit; 754 | /* margin-left: -10px; */ 755 | font-stretch: extra-expanded; 756 | font-family: sans-serif; 757 | } 758 | 759 | /* */ 760 | .logo { 761 | max-height: 2; 762 | max-width: 2; 763 | } 764 | 765 | nav button { 766 | display: none; 767 | } 768 | 769 | .nav__menu { 770 | display: flex; 771 | align-items: center; 772 | gap: 10rem; 773 | } 774 | 775 | .nav__menu a { 776 | font-size: 0.9rem; 777 | transition: var(--transition); 778 | } 779 | 780 | /*.nav__menu a:hover { 781 | color: #00bf8e; 782 | }*/ 783 | 784 | .nav__menu a:hover { 785 | color: #ff3c78; 786 | } 787 | 788 | .nav__menu a.btn { 789 | display: inline-block; 790 | width: 140px; 791 | height: 50px; 792 | line-height: 20px; 793 | background-color: transparent; 794 | color: rgb(255, 255, 255); 795 | border-color: rgba(255, 255, 255, 0.488); 796 | text-align: center; 797 | font-size: 0.9rem; 798 | border-radius: 30px; 799 | background-color: transparent; 800 | transition: var(--transition); 801 | /* margin-left: -100px; */ 802 | } 803 | .nav__menu a.btn:hover { 804 | background: transparent; 805 | color: var(--color-white); 806 | border-color: var(--color-white); 807 | } 808 | .nav__menu li a { 809 | margin-inline: -10px; 810 | margin-left: 15px; 811 | } 812 | .nav__menu a.signup { 813 | display: inline-block; 814 | width: 130px; 815 | height: 50px; 816 | line-height: 50px; 817 | background-color: transparent; 818 | color: aqua; 819 | border: 2px solid rgba(255, 255, 255, 0.488); 820 | text-align: center; 821 | font-size: 0.9rem; 822 | border-radius: 30px; 823 | transition: var(--transition); 824 | /* margin-inline: -50px; */ 825 | } 826 | 827 | .nav__menu a.signup:hover { 828 | background: transparent; 829 | color: var(--color-white); 830 | border-color: var(--color-white); 831 | box-shadow: 5px 5px 5px orange; 832 | } 833 | 834 | /* =================== HEADER ===================== */ 835 | /* header { 836 | position: relative; 837 | top: 5rem; 838 | overflow: hidden; 839 | height: 70vh; 840 | margin-bottom: 5rem; 841 | } */ 842 | 843 | .header__container { 844 | display: flex; 845 | justify-content: space-around; 846 | align-items: center; 847 | gap: 5rem; 848 | height: 100%; 849 | } 850 | 851 | .header__left p { 852 | margin: 1rem 0 2.4rem; 853 | } 854 | 855 | .title-font b span { 856 | /*color: var(--color-danger)*/ 857 | background: linear-gradient(to top right, #6600ff 2%, #ff00ff 60%); 858 | animation: animate 10s linear infinite; 859 | -webkit-background-clip: text; 860 | -webkit-text-fill-color: transparent; 861 | font-weight: 800; 862 | } 863 | 864 | /* ===================== MEDIA QUERIES (TABLETS) ==================== */ 865 | @media screen and (max-width: 1024px) { 866 | .container { 867 | width: var(--container-width-md); 868 | } 869 | 870 | h1 { 871 | font-size: 2.2rem; 872 | } 873 | 874 | h2 { 875 | font-size: 1.7rem; 876 | } 877 | 878 | h3 { 879 | font-size: 1.4rem; 880 | } 881 | 882 | h4 { 883 | font-size: 1.2rem; 884 | } 885 | 886 | /* ====================== NAVBAR ===================== */ 887 | nav button { 888 | display: inline-block; 889 | background: transparent; 890 | font-size: 1.8rem; 891 | color: var(--color-white); 892 | cursor: pointer; 893 | } 894 | 895 | nav button#close-menu-btn { 896 | display: none; 897 | } 898 | 899 | .nav__menu { 900 | position: fixed; 901 | top: 5rem; 902 | right: 5%; 903 | height: fit-content; 904 | width: 18rem; 905 | flex-direction: column; 906 | gap: 0; 907 | display: none; 908 | } 909 | 910 | .nav__menu li { 911 | width: 100%; 912 | height: 5.8rem; 913 | animation: animateNavItems 400ms linear forwards; 914 | transform-origin: top right; 915 | opacity: 0; 916 | } 917 | 918 | .nav__menu li:nth-child(2) { 919 | animation-delay: 200ms; 920 | } 921 | 922 | .nav__menu li:nth-child(3) { 923 | animation-delay: 400ms; 924 | } 925 | 926 | .nav__menu li:nth-child(4) { 927 | animation-delay: 600ms; 928 | } 929 | 930 | @keyframes animateNavItems { 931 | 0% { 932 | transform: rotateZ(-90deg) rotateX(90deg) scale(0.1); 933 | } 934 | 935 | 100% { 936 | transform: rotateZ(0) rotateX(0) scale(1); 937 | opacity: 1; 938 | } 939 | } 940 | 941 | .nav__menu li a { 942 | background: var(--color-primary); 943 | box-shadow: -4rem 6rem 10rem rgba(0, 0, 0, 0.6); 944 | width: 100%; 945 | height: 100%; 946 | display: grid; 947 | place-items: center; 948 | } 949 | 950 | .nav__menu li a:hover { 951 | background: var(--color-bg2); 952 | color: var(--color-white); 953 | } 954 | } 955 | 956 | /* ======================== MEDIA QUERIES (PHONES) ======================= */ 957 | @media screen and (max-width: 600px) { 958 | .container { 959 | width: var(--container-width-sm); 960 | } 961 | 962 | /* ====================== NAVBAR ===================== */ 963 | .nav__menu { 964 | right: 3%; 965 | } 966 | 967 | /* ====================== HEADER ===================== */ 968 | header { 969 | height: 2vh; 970 | } 971 | 972 | .header__container { 973 | grid-template-columns: 1fr; 974 | text-align: center; 975 | margin-top: 0; 976 | } 977 | 978 | .header__left p { 979 | margin-bottom: 1.3rem; 980 | } 981 | } 982 | /* Footer */ 983 | .footer__container1{ 984 | display: flex; 985 | align-items: flex-start; 986 | justify-content:space-around; 987 | flex-wrap: wrap; 988 | row-gap: 50px; 989 | 990 | } 991 | .foot--1{ 992 | text-align: center; 993 | flex-basis: 250px; 994 | } 995 | .foot--1 h4{ 996 | margin-bottom: 30px; 997 | } -------------------------------------------------------------------------------- /courses.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | border: 0; 7 | outline: 0; 8 | text-decoration: none; 9 | list-style: none; 10 | box-sizing: border-box; 11 | } 12 | 13 | :root { 14 | /*--color-primary: #6c63ff;*/ 15 | /*--color-primary:#424890;*/ 16 | --color-primary: #03548664; 17 | --color-success: #00bf8e; 18 | --color-warning: #f7c94b; 19 | /*--color-danger: #f75842;*/ 20 | --color-define: #ff3c78; 21 | --color-danger: #ff960b; 22 | --color-danger-variant: rgba(247, 88, 66, 0.4); 23 | --color-white: #fff; 24 | --color-light: rgba(255, 255, 255, 0.7); 25 | --color-black: #000; 26 | --color-bg: #1f2641; 27 | /*--color-bg1: #2e3267;*/ 28 | --color-bg1: #023055; 29 | 30 | --color-bg2: #03548664; 31 | 32 | --container-width-lg: 80%; 33 | --container-width-md: 90%; 34 | --container-width-sm: 94%; 35 | 36 | --transition: all 500ms ease; 37 | } 38 | 39 | body { 40 | font-family: "Montserrat", sans-serif; 41 | font-weight: 400; 42 | line-height: 1.7; 43 | color: var(--color-white); 44 | background: #071f30; 45 | } 46 | 47 | .container { 48 | width: var(--container-width-lg); 49 | margin: 0 auto; 50 | } 51 | 52 | section { 53 | padding: 4rem 0; 54 | } 55 | 56 | section h2 { 57 | text-align: center; 58 | margin-bottom: 4rem; 59 | } 60 | 61 | h1, 62 | h2, 63 | h3, 64 | h4, 65 | h5 { 66 | line-height: 1.2; 67 | } 68 | 69 | h1 { 70 | font-size: 2.4rem; 71 | } 72 | 73 | h2 { 74 | font-size: 2rem; 75 | } 76 | 77 | h3 { 78 | font-size: 1.6rem; 79 | } 80 | 81 | h4 { 82 | font-size: 1.3rem; 83 | } 84 | 85 | a { 86 | color: var(--color-white); 87 | } 88 | 89 | img { 90 | width: 100%; 91 | display: block; 92 | object-fit: cover; 93 | } 94 | 95 | .btn { 96 | display: inline-block; 97 | border-color: rgb(121, 116, 116); 98 | background-color: rgba(157, 147, 147, 0.562); 99 | padding: 1rem 2rem; 100 | border-top: 1px solid; 101 | border-right: 1px solid; 102 | font-weight: 500; 103 | transition: var(--transition); 104 | } 105 | 106 | .btn:hover { 107 | background: transparent; 108 | color: var(--color-white); 109 | border-color: var(--color-white); 110 | } 111 | 112 | .btn-primary { 113 | background: var(--color-define); 114 | color: var(--color-white); 115 | border-radius: 30px; 116 | transition: all ease 0.5s; 117 | box-shadow: 0 0 20px 9px hsla(0, 4%, 5%, 0.19); 118 | 119 | border: 1px solid; 120 | border-top: 3px solid; 121 | border-right: 3px solid; 122 | border-color: #761142b1; 123 | } 124 | 125 | .button a span { 126 | position: relative; 127 | display: inline-block; 128 | font-size: 18px; 129 | text-transform: uppercase; 130 | color: #fff; 131 | text-decoration: none; 132 | padding: 18px 30px; 133 | letter-spacing: 2px; 134 | font-weight: 500; 135 | margin-top: 60px; 136 | } 137 | 138 | .button a span:before { 139 | content: ""; 140 | position: absolute; 141 | top: 0; 142 | left: 0; 143 | width: 60px; 144 | height: 60px; 145 | border-radius: 50px; 146 | background-color: #ff960b; 147 | z-index: -1; 148 | transition: all ease 0.5s; 149 | } 150 | 151 | .button a span:hover:before { 152 | width: 100%; 153 | } 154 | 155 | .imgg img { 156 | position: relative; 157 | width: 600px; 158 | height: 550px; 159 | background: radial-gradient(710px, #2f85f58c, transparent 40%); 160 | margin-top: -50px; 161 | } 162 | 163 | .grad1 { 164 | width: 600px; 165 | height: 550px; 166 | background: radial-gradient(610px, #2f85f58c, transparent 40%); 167 | } 168 | .grad2 { 169 | background: radial-gradient(600px, #2f85f58c, transparent 35%); 170 | } 171 | 172 | .grad3 { 173 | background: radial-gradient(600px, #2f85f58c, transparent 50%); 174 | } 175 | .grad4 { 176 | background: radial-gradient(500px, #2f85f58c, transparent 50%); 177 | } 178 | 179 | .grad a h4 { 180 | position: relative; 181 | width: 600px; 182 | height: 550px; 183 | background: radial-gradient(610px, #2f85f58c, transparent 40%); 184 | margin-top: 2px; 185 | } 186 | 187 | .shape img { 188 | position: absolute; 189 | width: 100%; 190 | z-index: -9; 191 | opacity: 0.2; 192 | } 193 | .shape .shape1 { 194 | right: -160px; 195 | top: -50px; 196 | width: 50px; 197 | 198 | transform-origin: center; 199 | animation: shape linear 30s infinite reverse; 200 | } 201 | .shape .shape2 { 202 | left: -70px; 203 | bottom: -50px; 204 | width: 50px; 205 | 206 | transform-origin: center; 207 | animation: shape linear 30s infinite reverse; 208 | } 209 | @keyframes shape { 210 | 100% { 211 | transform: rotate(360deg); 212 | } 213 | } 214 | 215 | .shape .shape3 { 216 | top: 0; 217 | left: 0; 218 | width: 250px; 219 | 220 | transform-origin: center; 221 | animation: shape3 linear 20s infinite; 222 | transform: translate(-200px, -100px) rotate(0deg); 223 | } 224 | @keyframes shape3 { 225 | 100% { 226 | transform: translate(1300px, 600px) rotate(360deg); 227 | } 228 | } 229 | 230 | .shape .shape4 { 231 | left: 0; 232 | bottom: 0; 233 | width: 150px; 234 | 235 | transform-origin: center; 236 | animation: shape4 linear 20s infinite 5s; 237 | transform: translate(700px, 80px) rotate(0deg); 238 | } 239 | @keyframes shape4 { 240 | 100% { 241 | transform: translate(1200px, -800px) rotate(360deg); 242 | } 243 | } 244 | 245 | .shape .shape5 { 246 | left: 500px; 247 | top: 0; 248 | width: 100px; 249 | 250 | transform-origin: center; 251 | animation: shape5 linear 25s infinite; 252 | transform: translate(0, -150px) rotate(0deg); 253 | } 254 | @keyframes shape5 { 255 | 100% { 256 | transform: translate(0, 800px) rotate(720deg); 257 | } 258 | } 259 | 260 | .social-menu ul { 261 | position: absolute; 262 | top: 73%; 263 | left: 33%; 264 | transform: translate(-50%, -50%); 265 | padding: 0; 266 | margin: 0; 267 | display: flex; 268 | } 269 | .social-menu ul li { 270 | list-style: none; 271 | margin: 0 10px; 272 | } 273 | .social-menu ul li .fa { 274 | color: #000000; 275 | font-size: 15px; 276 | line-height: 30px; 277 | transition: 0.5s; 278 | } 279 | .social-menu ul li .fa:hover { 280 | color: #ffffff; 281 | } 282 | .social-menu ul li a { 283 | position: relative; 284 | display: block; 285 | width: 30px; 286 | height: 30px; 287 | border-radius: 50%; 288 | background-color: white; 289 | text-align: center; 290 | transition: 0.5s; 291 | transform: translate(0, 0px); 292 | box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.5); 293 | } 294 | .social-menu ul li a:hover { 295 | transform: rotate(0deg) skew(0deg) translate(0, -10px); 296 | } 297 | .social-menu ul li:nth-child(1) a:hover { 298 | background-color: #3b5999; 299 | } 300 | .social-menu ul li:nth-child(2) a:hover { 301 | background-color: #55acee; 302 | } 303 | .social-menu ul li:nth-child(3) a:hover { 304 | background-color: #e4405f; 305 | } 306 | .social-menu ul li:nth-child(4) a:hover { 307 | background-color: #cd201f; 308 | } 309 | .social-menu ul li:nth-child(5) a:hover { 310 | background-color: #0077b5; 311 | } 312 | 313 | /* =================== NAVBAR ===================== */ 314 | nav { 315 | background: transparent; 316 | width: 20vw; 317 | height: 5rem; 318 | position: fixed; 319 | top: 0; 320 | z-index: 11; 321 | text-transform: uppercase; 322 | margin-top: 30px; 323 | } 324 | 325 | nav li { 326 | margin: -56px; 327 | } 328 | 329 | /* change navbar styles on scroll using javascript */ 330 | .window-scroll { 331 | background: #071f30; 332 | box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); 333 | } 334 | 335 | .nav__container { 336 | height: 100%; 337 | display: flex; 338 | justify-content: space-between; 339 | align-items: center; 340 | width: 100%; 341 | } 342 | .nav__container a h4 { 343 | height: 100%; 344 | display: flex; 345 | padding-right: 22rem; 346 | align-items: center; 347 | margin-top: 10px; 348 | } 349 | 350 | .logo { 351 | max-height: 2; 352 | max-width: 2; 353 | } 354 | 355 | nav button { 356 | display: none; 357 | } 358 | 359 | .nav__menu { 360 | display: flex; 361 | align-items: center; 362 | gap: 10rem; 363 | } 364 | 365 | .nav__menu a { 366 | font-size: 0.9rem; 367 | transition: var(--transition); 368 | } 369 | 370 | /*.nav__menu a:hover { 371 | color: #00bf8e; 372 | }*/ 373 | 374 | .nav__menu a:hover { 375 | color: #ff3c78; 376 | } 377 | 378 | .nav__menu a.btn { 379 | display: inline-block; 380 | width: 140px; 381 | height: 50px; 382 | line-height: 20px; 383 | background-color: transparent; 384 | color: rgb(255, 255, 255); 385 | border-color: rgba(255, 255, 255, 0.488); 386 | text-align: center; 387 | font-size: 0.9rem; 388 | border-radius: 30px; 389 | background-color: transparent; 390 | transition: var(--transition); 391 | } 392 | .nav__menu a.btn:hover { 393 | background: transparent; 394 | color: var(--color-white); 395 | border-color: var(--color-white); 396 | } 397 | 398 | .para1 { 399 | font-size: 1.5rem; 400 | line-height: 95%; 401 | letter-spacing: normal; 402 | } 403 | 404 | .landingpg { 405 | height: 760px; 406 | } 407 | 408 | .grad1 .pge1 { 409 | padding-top: 55px; 410 | font-weight: 400; 411 | font-size: 4rem; 412 | line-height: 90%; 413 | letter-spacing: -0.2rem; 414 | } 415 | /* =================== HEADER ===================== */ 416 | header { 417 | position: relative; 418 | top: 5rem; 419 | overflow: hidden; 420 | 421 | margin-bottom: 5rem; 422 | } 423 | 424 | .header__container { 425 | display: flex; 426 | justify-content: space-around; 427 | align-items: center; 428 | gap: 5rem; 429 | height: 100%; 430 | } 431 | 432 | .header__left p { 433 | margin: 1rem 0 2.4rem; 434 | } 435 | 436 | .title-font b span { 437 | /*color: var(--color-danger)*/ 438 | background: linear-gradient(to top right, #6600ff 2%, #ff00ff 60%); 439 | animation: animate 10s linear infinite; 440 | -webkit-background-clip: text; 441 | -webkit-text-fill-color: transparent; 442 | font-weight: 800; 443 | } 444 | 445 | /* ============== ACHIEVEMENTS ============= */ 446 | .achievement { 447 | padding-top: 5rem; 448 | height: auto; 449 | } 450 | 451 | .ach { 452 | width: 100%; 453 | padding-left: 12%; 454 | padding-right: 12%; 455 | } 456 | .about__achievements { 457 | margin-top: 3rem; 458 | background: var(--color-bg1); 459 | } 460 | 461 | .about__achievements-container { 462 | display: grid; 463 | grid-template-columns: 40% 60%; 464 | gap: 5rem; 465 | } 466 | 467 | .about__achievements-right > p { 468 | margin: 1.6rem 0 2.5rem; 469 | } 470 | 471 | .achievements__cards { 472 | display: grid; 473 | grid-template-columns: repeat(3, 1fr); 474 | gap: 1.5rem; 475 | } 476 | 477 | .achievement__card { 478 | background: var(--color-bg2); 479 | padding: 1.6rem; 480 | border-radius: 1rem; 481 | text-align: center; 482 | transition: var(--transition); 483 | border-top: 2px solid; 484 | border-right: 2px solid; 485 | border-color: #0077b5; 486 | box-shadow: 0 0 30px 0.1px hsla(0, 0%, 0%, 0.955); 487 | } 488 | 489 | .achievement__card:hover { 490 | background: var(--color-bg2); 491 | box-shadow: 0 3rem 3rem rgba(0, 0, 0, 0.3); 492 | } 493 | 494 | .achievement__icon { 495 | background: var(--color-danger); 496 | padding: 0.6rem; 497 | border-radius: 1rem; 498 | display: inline-block; 499 | margin-bottom: 2rem; 500 | font-size: 2rem; 501 | } 502 | 503 | .achievement__card:nth-child(2) .achievement__icon { 504 | background: var(--color-success); 505 | } 506 | 507 | .achievement__card:nth-child(3) .achievement__icon { 508 | background: var(--color-primary); 509 | } 510 | 511 | .achievement__card p { 512 | margin-top: 1rem; 513 | } 514 | 515 | /* ==================== MEDIA QUERIES (TABLETS) ================= */ 516 | @media screen and (max-width: 1024px) { 517 | .about__achievements { 518 | margin-top: 2rem; 519 | } 520 | 521 | .about__achievements-container { 522 | grid-template-columns: 1fr; 523 | gap: 4rem; 524 | } 525 | 526 | .about__achievements-left { 527 | width: 80%; 528 | margin: 0 auto; 529 | } 530 | 531 | .team__container { 532 | grid-template-columns: repeat(3, 1fr); 533 | gap: 1.5rem; 534 | } 535 | 536 | .team__member { 537 | padding: 1rem; 538 | } 539 | } 540 | 541 | /* ==================== MEDIA QUERIES (TABLETS) ================= */ 542 | @media screen and (max-width: 600px) { 543 | .achievements__cards { 544 | grid-template-columns: 1fr 1fr; 545 | gap: 0.7rem; 546 | } 547 | 548 | .team__container { 549 | grid-template-columns: 1fr 1fr; 550 | gap: 0.7rem; 551 | } 552 | 553 | .team__member { 554 | padding: 0; 555 | } 556 | 557 | .team__member p { 558 | margin-bottom: 1.5rem; 559 | } 560 | } 561 | /* =================== CATEGORIES ===================== */ 562 | .categories { 563 | background: var(--color-bg1); 564 | height: 32rem; 565 | } 566 | 567 | .categories h1 { 568 | line-height: 1; 569 | margin-bottom: 3rem; 570 | } 571 | 572 | .categories__container { 573 | display: grid; 574 | grid-template-columns: 40% 60%; 575 | } 576 | 577 | .categories__left { 578 | margin-right: 4rem; 579 | } 580 | 581 | .categories__left p { 582 | margin: 1rem 0 3rem; 583 | } 584 | 585 | .categories__right { 586 | display: grid; 587 | grid-template-columns: repeat(3, 1fr); 588 | gap: 1.2rem; 589 | } 590 | 591 | .category { 592 | background: var(--color-bg2); 593 | padding: 2rem; 594 | border-radius: 2rem; 595 | transition: var(--transition); 596 | } 597 | 598 | .category:hover { 599 | box-shadow: 0 3rem 3rem rgba(0, 0, 0, 0.3); 600 | z-index: 1; 601 | } 602 | 603 | .category:nth-child(2) .category__icon { 604 | background: var(--color-danger); 605 | } 606 | 607 | .category:nth-child(3) .category__icon { 608 | background: var(--color-success); 609 | } 610 | 611 | .category:nth-child(4) .category__icon { 612 | background: var(--color-warning); 613 | } 614 | 615 | .category:nth-child(5) .category__icon { 616 | background: var(--color-success); 617 | } 618 | 619 | .category__icon { 620 | background: var(--color-primary); 621 | padding: 0.7rem; 622 | border-radius: 0.9rem; 623 | } 624 | 625 | .category h5 { 626 | margin: 2rem 0 1rem; 627 | } 628 | 629 | .category p { 630 | font-size: 0.85rem; 631 | } 632 | 633 | /* =================== POPULAR COURSES ===================== */ 634 | 635 | .courses { 636 | margin-top: 2rem; 637 | } 638 | 639 | .headingh2 { 640 | font-weight: 600; 641 | font-size: 50px; 642 | } 643 | 644 | .courses__container { 645 | display: grid; 646 | grid-template-columns: repeat(3, 1fr); 647 | gap: 2rem; 648 | } 649 | 650 | .course__image img { 651 | border-radius: 20px; 652 | } 653 | 654 | .course { 655 | background: var(--color-bg2); 656 | text-align: center; 657 | border-radius: 20px; 658 | transition: var(--transition); 659 | box-shadow: 0 0 30px 0.1px hsla(0, 0%, 0%, 0.955); 660 | border-color: #08b9b94b; 661 | border-top: 2px solid; 662 | border-right: 2px solid; 663 | border-color: #0077b5; 664 | border-image: auto; 665 | } 666 | 667 | .course:hover { 668 | background: var(--color-bg2); 669 | box-shadow: 0 3rem 3rem rgba(0, 0, 0, 0.4); 670 | } 671 | 672 | .course__info { 673 | padding: 2rem; 674 | } 675 | 676 | .course__info p { 677 | margin: 1.2rem 0 2rem; 678 | font-size: 0.9rem; 679 | } 680 | 681 | /* =================== FAQs ===================== */ 682 | .faqs { 683 | background: var(--color-bg1); 684 | box-shadow: inset 0 0 3rem rgba(0, 0, 0, 0.5); 685 | } 686 | 687 | .faqs__container { 688 | display: grid; 689 | grid-template-columns: 1fr 1fr; 690 | gap: 1rem; 691 | } 692 | 693 | .faq { 694 | padding: 2rem; 695 | display: flex; 696 | align-items: center; 697 | gap: 1.4rem; 698 | height: fit-content; 699 | background: var(--color-primary); 700 | cursor: pointer; 701 | } 702 | 703 | .faq h4 { 704 | font-size: 1rem; 705 | line-height: 2.2; 706 | } 707 | 708 | .faq__icon { 709 | align-self: flex-start; 710 | font-size: 1.2rem; 711 | } 712 | 713 | .faq p { 714 | margin-top: 0.8rem; 715 | display: none; 716 | } 717 | 718 | .faq.open p { 719 | display: block; 720 | } 721 | 722 | /* =================== FOOTER ===================== */ 723 | footer { 724 | background: var(--color-bg2); 725 | padding-top: 5rem; 726 | font-size: 0.9rem; 727 | } 728 | 729 | .footer__container { 730 | display: grid; 731 | grid-template-columns: repeat(4, 1fr); 732 | gap: 5rem; 733 | } 734 | 735 | .footer__container > div h4 { 736 | margin-bottom: 1.2rem; 737 | } 738 | 739 | .footer__1 p { 740 | margin: 0 0 2rem; 741 | } 742 | 743 | footer ul li { 744 | margin-bottom: 0.7rem; 745 | } 746 | 747 | footer ul li a:hover { 748 | text-decoration: underline; 749 | } 750 | 751 | .footer__socials { 752 | display: flex; 753 | gap: 2rem; 754 | font-size: 1.2rem; 755 | margin-top: 2rem; 756 | } 757 | 758 | .footer__copyright { 759 | text-align: center; 760 | margin-top: 4rem; 761 | padding: 1.2rem 0; 762 | border-top: 1px solid var(--color-bg2); 763 | } 764 | 765 | /* ===================== MEDIA QUERIES (TABLETS) ==================== */ 766 | @media screen and (max-width: 1024px) { 767 | .container { 768 | width: var(--container-width-md); 769 | } 770 | 771 | h1 { 772 | font-size: 2.2rem; 773 | } 774 | 775 | h2 { 776 | font-size: 1.7rem; 777 | } 778 | 779 | h3 { 780 | font-size: 1.4rem; 781 | } 782 | 783 | h4 { 784 | font-size: 1.2rem; 785 | } 786 | 787 | /* ====================== NAVBAR ===================== */ 788 | nav button { 789 | display: inline-block; 790 | background: transparent; 791 | font-size: 1.8rem; 792 | color: var(--color-white); 793 | cursor: pointer; 794 | } 795 | 796 | nav button#close-menu-btn { 797 | display: none; 798 | } 799 | 800 | .nav__menu { 801 | position: fixed; 802 | top: 5rem; 803 | right: 5%; 804 | height: fit-content; 805 | width: 18rem; 806 | flex-direction: column; 807 | gap: 0; 808 | display: none; 809 | } 810 | 811 | .nav__menu li { 812 | width: 100%; 813 | height: 5.8rem; 814 | animation: animateNavItems 400ms linear forwards; 815 | transform-origin: top right; 816 | opacity: 0; 817 | } 818 | 819 | .nav__menu li:nth-child(2) { 820 | animation-delay: 200ms; 821 | } 822 | 823 | .nav__menu li:nth-child(3) { 824 | animation-delay: 400ms; 825 | } 826 | 827 | .nav__menu li:nth-child(4) { 828 | animation-delay: 600ms; 829 | } 830 | 831 | @keyframes animateNavItems { 832 | 0% { 833 | transform: rotateZ(-90deg) rotateX(90deg) scale(0.1); 834 | } 835 | 836 | 100% { 837 | transform: rotateZ(0) rotateX(0) scale(1); 838 | opacity: 1; 839 | } 840 | } 841 | 842 | .nav__menu li a { 843 | background: var(--color-primary); 844 | box-shadow: -4rem 6rem 10rem rgba(0, 0, 0, 0.6); 845 | width: 100%; 846 | height: 100%; 847 | display: grid; 848 | place-items: center; 849 | } 850 | 851 | .nav__menu li a:hover { 852 | background: var(--color-bg2); 853 | color: var(--color-white); 854 | } 855 | 856 | /* ====================== HEADER ===================== */ 857 | header { 858 | height: 52vh; 859 | margin-bottom: 4rem; 860 | } 861 | 862 | .header__container { 863 | gap: 0; 864 | padding-bottom: 3rem; 865 | } 866 | 867 | /* ====================== CATEGORIES ===================== */ 868 | .categories { 869 | height: auto; 870 | } 871 | 872 | .categories__container { 873 | grid-template-columns: 1fr; 874 | gap: 3rem; 875 | } 876 | 877 | .categories__left { 878 | margin-right: 0; 879 | } 880 | 881 | /* ====================== POPULAR COURSES ===================== */ 882 | .courses { 883 | margin-top: 0; 884 | } 885 | 886 | .courses__container { 887 | grid-template-columns: 1fr 1fr; 888 | } 889 | 890 | /* ====================== FAQs ===================== */ 891 | .faqs__container { 892 | grid-template-columns: 1fr; 893 | } 894 | 895 | .faq { 896 | padding: 1.5rem; 897 | } 898 | 899 | /* ====================== FOOTER ===================== */ 900 | .footer__container { 901 | grid-template-columns: 1fr 1fr; 902 | } 903 | } 904 | 905 | /* ======================== MEDIA QUERIES (PHONES) ======================= */ 906 | @media screen and (max-width: 600px) { 907 | .container { 908 | width: var(--container-width-sm); 909 | } 910 | 911 | /* ====================== NAVBAR ===================== */ 912 | .nav__menu { 913 | right: 3%; 914 | } 915 | 916 | /* ====================== HEADER ===================== */ 917 | header { 918 | height: 100vh; 919 | } 920 | 921 | .header__container { 922 | grid-template-columns: 1fr; 923 | text-align: center; 924 | margin-top: 0; 925 | } 926 | 927 | .header__left p { 928 | margin-bottom: 1.3rem; 929 | } 930 | 931 | /* ====================== CATEGORIES ===================== */ 932 | .categories__right { 933 | grid-template-columns: 1fr 1fr; 934 | gap: 0.7rem; 935 | } 936 | 937 | .category { 938 | padding: 1rem; 939 | border-radius: 1rem; 940 | } 941 | 942 | .category__icon { 943 | margin-top: 4px; 944 | display: inline-block; 945 | } 946 | 947 | /* ====================== POPULAR COURSES ===================== */ 948 | .courses__container { 949 | grid-template-columns: 1fr; 950 | } 951 | 952 | /* ====================== TESTIMONIALS ===================== */ 953 | .testimonial__body { 954 | padding: 1.2rem; 955 | } 956 | 957 | /* ====================== FOOTER ===================== */ 958 | .footer__container { 959 | grid-template-columns: 1fr; 960 | text-align: center; 961 | gap: 2rem; 962 | } 963 | 964 | .footer__1 p { 965 | margin: 1rem auto; 966 | } 967 | 968 | .footer__socials { 969 | justify-content: center; 970 | } 971 | } 972 | -------------------------------------------------------------------------------- /css/bot.css: -------------------------------------------------------------------------------- 1 | .chat-container { 2 | max-width: 400px; 3 | margin: 20px auto; 4 | background-color: #fff; 5 | border: 4px solid white; 6 | border-radius: 5px; 7 | padding: 20px; 8 | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 9 | overflow-y: auto; 10 | max-height: 400px; 11 | display: flex; 12 | flex-direction: column; 13 | align-items: center; 14 | } 15 | .message { 16 | display: flex; 17 | flex-direction: column; 18 | margin-bottom: 10px; 19 | } 20 | .user { 21 | align-self: flex-end; 22 | background-color: #e2f3f5; 23 | } 24 | .bot { 25 | align-self: flex-start; 26 | background-color: #f1f1f1; 27 | } 28 | .message-text { 29 | padding: 10px; 30 | border-radius: 5px; 31 | box-shadow: 0px 0px 5px black; 32 | margin-top: 5px; 33 | color: black; 34 | } 35 | input[type="text"] { 36 | width: 100%; 37 | padding: 8px; 38 | border: 1px solid #ccc; 39 | border-radius: 5px; 40 | margin-top: 10px; 41 | color: black; 42 | } 43 | #send-btn { 44 | margin-top: 20px; 45 | padding: 8px 15px; 46 | background-color: black; 47 | color: white; 48 | border: none; 49 | border-radius: 5px; 50 | cursor: pointer; 51 | } 52 | #send-btn:hover { 53 | background-color: gray; 54 | } 55 | /* Add styling for the bot AI container */ 56 | .bot-ai-container { 57 | font-family: Arial, sans-serif; 58 | /*background-color: #f5f5f5;*/ 59 | margin: 0; 60 | padding: 0; 61 | display: flex; 62 | flex-direction: column; 63 | align-items: center; 64 | justify-content: center; 65 | /*height: 100vh;*/ 66 | } -------------------------------------------------------------------------------- /css/login.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | font-weight: bold; 7 | font-family: sans-serif; 8 | } 9 | 10 | body{ 11 | background-color: none; 12 | 13 | 14 | } 15 | 16 | 17 | .back-button{ 18 | color: white; 19 | background-color: rgb(4, 132, 230); 20 | box-shadow: 0 0 20px 5px hsla(0, 43%, 89%, 0.178); 21 | position: relative; 22 | top: 35px; 23 | left:35%; 24 | width: 80px; 25 | height: 30px; 26 | border-radius: 50px; 27 | transition: .5s; 28 | 29 | } 30 | 31 | .back-button a{ 32 | color: white; 33 | text-decoration: none; 34 | } 35 | 36 | .form-box 37 | { 38 | width:380px; 39 | height:520px; 40 | position:relative; 41 | margin:2% auto; 42 | background:rgba(0,0,0,0.3); 43 | padding:10px; 44 | overflow: hidden; 45 | border-radius: 16px; 46 | position: relative; 47 | top: 70px; 48 | border: 1px solid; 49 | border-top: 5px solid; 50 | border-right: 5px solid; 51 | border-color: #ff3c78; 52 | box-shadow: 0 0 20px 9px hsla(0, 43%, 89%, 0.178); 53 | 54 | } 55 | .button-box 56 | { 57 | width:220px; 58 | margin:35px auto; 59 | position:relative; 60 | box-shadow: 0 0 20px 9px hsla(0, 43%, 89%, 0.178); 61 | border-radius: 30px; 62 | } 63 | .toggle-btn 64 | { 65 | padding:10px 30px; 66 | cursor:pointer; 67 | background:transparent; 68 | border:0; 69 | outline: none; 70 | position: relative; 71 | color: rgb(233, 238, 238); 72 | 73 | } 74 | #btn 75 | { 76 | top: 0; 77 | left:0; 78 | position: absolute; 79 | width: 110px; 80 | height: 100%; 81 | background: #ff3c78; 82 | border-radius: 30px; 83 | transition: .5s; 84 | } 85 | .input-group-login 86 | { 87 | top: 150px; 88 | position:absolute; 89 | width:280px; 90 | transition:.5s; 91 | } 92 | .input-group-register 93 | { 94 | top: 120px; 95 | position:absolute; 96 | width:280px; 97 | transition:.5s; 98 | } 99 | .input-field 100 | { 101 | width: 100%; 102 | padding:10px 0; 103 | margin:5px 0; 104 | border-left:0; 105 | border-top:0; 106 | border-right:0; 107 | border-bottom: 1px solid #999; 108 | outline:none; 109 | background: transparent; 110 | } 111 | .submit-btn 112 | { 113 | width: 85%; 114 | padding: 10px 30px; 115 | cursor: pointer; 116 | display: block; 117 | margin: auto; 118 | background:#ff3c78; 119 | border: 0; 120 | outline: none; 121 | border-radius: 30px; 122 | color: white; 123 | 124 | border: 0px solid; 125 | border-top: 3px solid; 126 | border-right: 3px solid; 127 | border-color: #ac89ffbe; 128 | position: relative; 129 | top: 20px; 130 | 131 | } 132 | .check-box 133 | { 134 | margin: 25px 10px 0px 0; 135 | } 136 | span 137 | { 138 | color:#777; 139 | font-size:12px; 140 | bottom:68px; 141 | position:absolute; 142 | } 143 | #login 144 | { 145 | left:50px; 146 | } 147 | #login input 148 | { 149 | color:white; 150 | font-size:15; 151 | } 152 | #register 153 | { 154 | left:450px; 155 | } 156 | #register input 157 | { 158 | color:white; 159 | font-size: 15; 160 | } -------------------------------------------------------------------------------- /data/faqData.js: -------------------------------------------------------------------------------- 1 | const faqData = [ 2 | { 3 | ques: "How do I know the right courses for me?", 4 | ans: "Throughout the course, you can expect access to support resources such as discussion forums, where you can ask questions and interact with instructors and fellow students. Additionally, there may be scheduled office hours or mentoring sessions to provide further guidance and clarification." 5 | }, 6 | { 7 | ques: "What prerequisites do I need to have before?", 8 | ans: "While specific requirements may vary, a solid foundation in mathematics, statistics, and programming is generally recommended. Familiarity with Python and concepts like linear algebra and probability can be beneficial." 9 | }, 10 | { 11 | ques: "What topics and skills will be covered?", 12 | ans: "This course typically covers a wide range of topics, including data cleaning and preprocessing, exploratory data analysis, machine learning algorithms, data visualization, and model evaluation. Additionally, it may delve into advanced topics like deep learning and natural language processing." 13 | }, 14 | { 15 | ques: "How practical is this data science course?", 16 | ans: " Yes, this course emphasizes practical implementation. You will have the opportunity to work on real-world datasets, apply various data science techniques using popular libraries such as Pandas and Scikit-learn, and gain hands-on experience through coding exercises and projects." 17 | }, 18 | { 19 | ques: " Is this course suitable for beginners?", 20 | ans: " Yes, this course emphasizes practical implementation. You will have the opportunity to work on real-world datasets, apply various data science techniques using popular libraries such as Pandas and Scikit-learn, and gain hands-on experience through coding exercises and projects." 21 | }, 22 | { 23 | ques: " Will this course provide any certification?", 24 | ans: " Yes, upon successful completion of the course, you will typically receive a certificate of completion. This certificate can serve as a valuable addition to your resume and demonstrate your proficiency in data science concepts and techniques." 25 | }, 26 | ] 27 | 28 | -------------------------------------------------------------------------------- /db/course.js: -------------------------------------------------------------------------------- 1 | //courses array 2 | 3 | const courses=[ 4 | 5 | { 6 | "id":1, 7 | "name":"Data Science", 8 | "image":"./images/3.jpg", 9 | "subheading":"Foundations using R Johns Hopkins University", 10 | "info":"Launch Your Career in Data Science. A ten-course introduction to data science, developed and taught by leading professors.", 11 | "link":"https://www.coursera.org/specializations/data-science-foundations-r" 12 | }, 13 | 14 | { 15 | "id":2, 16 | "name":"IBM Data Science", 17 | "image":"./images/3.jpg", 18 | "subheading":"IBM Skills Network", 19 | "info":" Kickstart your career in data science & ML. Build data science skills, learn Python & SQL, analyze & visualize data, build machine learning models. No degree or prior experience required.", 20 | "link":"https://www.coursera.org/professional-certificates/ibm-data-science" 21 | 22 | }, 23 | { 24 | "id":3, 25 | "name":"Deep Learning Specification", 26 | "image":"./images/3.jpg", 27 | "subheading":"Hawdra University", 28 | "info":"Become a Machine Learning expert. Master the fundamentals of deep learning and break into AI. Recently updated with cutting-edge techniques!", 29 | "link":"https://www.coursera.org/specializations/deep-learning" 30 | 31 | }, 32 | { 33 | "id":4, 34 | "name":"IBM Data Science", 35 | "image":"./images/3.jpg", 36 | "subheading":"IBM Skills Network", 37 | "info":" Kickstart your career in data science & ML. Build data science skills, learn Python & SQL, analyze & visualize data, build machine learning models. No degree or prior experience required.", 38 | "link":"https://www.coursera.org/professional-certificates/ibm-data-science" 39 | 40 | }, 41 | 42 | 43 | ] 44 | 45 | 46 | //courses div in index.html 47 | 48 | var courseDiv=document.querySelector(".courses__container") 49 | courseDiv.innerHTML="" 50 | courses.map((course)=>{ 51 | 52 | courseDiv.innerHTML+=` 53 |
54 |
55 | 56 |
57 |
58 |

${course.name}

59 |

60 | 61 | ${course.subheading}
62 | ${course.info} 63 |

64 | Learn More 65 |
66 |
` 67 | } 68 | ) 69 | -------------------------------------------------------------------------------- /images/1-a.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/1-a.webp -------------------------------------------------------------------------------- /images/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/1.webp -------------------------------------------------------------------------------- /images/3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/3.webp -------------------------------------------------------------------------------- /images/5124556.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/5124556.webp -------------------------------------------------------------------------------- /images/Data-Scientist.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Data-Scientist.webp -------------------------------------------------------------------------------- /images/Favicon/android-chrome-192x192.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/android-chrome-192x192.webp -------------------------------------------------------------------------------- /images/Favicon/android-chrome-512x512.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/android-chrome-512x512.webp -------------------------------------------------------------------------------- /images/Favicon/apple-touch-icon.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/apple-touch-icon.webp -------------------------------------------------------------------------------- /images/Favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #2b5797 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /images/Favicon/favicon-16x16.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/favicon-16x16.webp -------------------------------------------------------------------------------- /images/Favicon/favicon-32x32.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/favicon-32x32.webp -------------------------------------------------------------------------------- /images/Favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/favicon.ico -------------------------------------------------------------------------------- /images/Favicon/mstile-150x150.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/Favicon/mstile-150x150.webp -------------------------------------------------------------------------------- /images/Favicon/safari-pinned-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.14, written by Peter Selinger 2001-2017 9 | 10 | 12 | 224 | 259 | 263 | 267 | 271 | 275 | 276 | 277 | -------------------------------------------------------------------------------- /images/Favicon/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "DataTech", 3 | "short_name": "DataTech", 4 | "icons": [ 5 | { 6 | "src": "/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "theme_color": "#ffffff", 17 | "background_color": "#ffffff", 18 | "display": "standalone" 19 | } 20 | -------------------------------------------------------------------------------- /images/J4o.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/J4o.gif -------------------------------------------------------------------------------- /images/contact-bg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/contact-bg.webp -------------------------------------------------------------------------------- /images/contact-png.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/contact-png.webp -------------------------------------------------------------------------------- /images/data-science.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/data-science.jpg -------------------------------------------------------------------------------- /images/data-science.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/data-science.png -------------------------------------------------------------------------------- /images/data-science.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/data-science.webp -------------------------------------------------------------------------------- /images/data-sciencee.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/data-sciencee.webp -------------------------------------------------------------------------------- /images/data.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/data.jpg -------------------------------------------------------------------------------- /images/data.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/data.webp -------------------------------------------------------------------------------- /images/domain.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/domain.webp -------------------------------------------------------------------------------- /images/dsimg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/dsimg.webp -------------------------------------------------------------------------------- /images/expodata.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/expodata.webp -------------------------------------------------------------------------------- /images/github-2447911.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/github-2447911.webp -------------------------------------------------------------------------------- /images/gssoc.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/gssoc.webp -------------------------------------------------------------------------------- /images/images.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/images.webp -------------------------------------------------------------------------------- /images/johns-hopkins.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/johns-hopkins.webp -------------------------------------------------------------------------------- /images/login-bg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/login-bg.webp -------------------------------------------------------------------------------- /images/logo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/logo.webp -------------------------------------------------------------------------------- /images/machine-learning.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/machine-learning.jpg -------------------------------------------------------------------------------- /images/machine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/machine.jpg -------------------------------------------------------------------------------- /images/ml.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/ml.webp -------------------------------------------------------------------------------- /images/pngegg(2).webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/pngegg(2).webp -------------------------------------------------------------------------------- /images/probStatis.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/probStatis.jpg -------------------------------------------------------------------------------- /images/python.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/python.jpg -------------------------------------------------------------------------------- /images/r.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/r.webp -------------------------------------------------------------------------------- /images/repo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/repo.webp -------------------------------------------------------------------------------- /images/wallpaperflare.com_wallpaper(1).webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aniketsinha2002/DataGeek/eb0e4e4cd595f13758e17cf32de33c0aaea3d33e/images/wallpaperflare.com_wallpaper(1).webp -------------------------------------------------------------------------------- /login/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Data Science Portal | Login | Sign Up 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 59 | 60 | 61 | 98 |
99 |
100 |
101 |

Welcome Back!

102 |

Please login your personal info

103 | 104 |
105 | 106 |
107 | 108 |
109 | 110 |
111 |

Hello, Friend!

112 | 113 |

Join our community! Fill in your details below to unlock exclusive features and stay updated with the latest news."

114 | 115 |
116 | 117 |
118 | 119 |
120 |
121 |
122 |
123 | 124 | 125 | 126 | 127 | -------------------------------------------------------------------------------- /login/script.js: -------------------------------------------------------------------------------- 1 | const signUpButton = document.getElementById("signUp"); 2 | const signInButton = document.getElementById("signIn"); 3 | const container = document.getElementById("container"); 4 | 5 | signUpButton.addEventListener("click", () => { 6 | container.classList.add("right-panel-active"); 7 | }); 8 | 9 | signInButton.addEventListener("click", () => { 10 | container.classList.remove("right-panel-active"); 11 | }); 12 | -------------------------------------------------------------------------------- /login/signup.js: -------------------------------------------------------------------------------- 1 | import { initializeApp } from "https://www.gstatic.com/firebasejs/10.4.0/firebase-app.js"; 2 | import { getAuth, createUserWithEmailAndPassword } from 'https://www.gstatic.com/firebasejs/10.4.0/firebase-auth.js'; 3 | const appdetails = { 4 | apiKey: "AIzaSyBR42W1oZG-KayL3tZJl8v482vXNHnWtso", 5 | authDomain: "datat-12645.firebaseapp.com", 6 | projectId: "datat-12645", 7 | storageBucket: "datat-12645.appspot.com", 8 | messagingSenderId: "500817474001", 9 | appId: "1:500817474001:web:e3586a7910d7be9d87f0f0" 10 | }; 11 | 12 | const app = initializeApp(appdetails); 13 | const auth = getAuth(app); 14 | const signup = document.querySelector('.signup-btn'); 15 | signup.addEventListener('click',(e)=>{ 16 | // e.preventDefault(); 17 | //getting email and passowrd 18 | const email = document.querySelector('.email1').value; 19 | const password = document.querySelector('.password1').value; 20 | console.log('function called') 21 | //calling method for signing up 22 | 23 | 24 | 25 | createUserWithEmailAndPassword(auth, email, password) 26 | .then((userCredential) => { 27 | // Signed in 28 | const user = userCredential.user; 29 | alert('Signup successful') 30 | //add the page you want to load by uncommenting below 31 | // window.location.href = '/' 32 | console.log(user) 33 | }) 34 | .catch((error) => { 35 | const errorCode = error.code; 36 | const errorMessage = error.message; 37 | console.log(errorMessage) 38 | alert(errorMessage) 39 | }); 40 | }) -------------------------------------------------------------------------------- /login/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | 3 | 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | text-decoration: none; 8 | outline: none; 9 | list-style: none; 10 | 11 | } 12 | 13 | html { 14 | background-image: url('../images/wallpaperflare.com_wallpaper(1).webp'); 15 | background-position: 45%; 16 | } 17 | 18 | *, 19 | *::before, 20 | *::after { 21 | margin: 0; 22 | padding: 0; 23 | box-sizing: border-box; 24 | text-decoration: none; 25 | outline: none; 26 | list-style: none; 27 | } 28 | 29 | 30 | :root { 31 | --step--2: clamp(0.69rem, calc(0.58rem + 0.60vw), 1.00rem); 32 | --step--1: clamp(0.83rem, calc(0.67rem + 0.81vw), 1.25rem); 33 | --step-0: clamp(1.00rem, calc(0.78rem + 1.10vw), 1.56rem); 34 | --step-1: clamp(1.20rem, calc(0.91rem + 1.47vw), 1.95rem); 35 | --step-2: clamp(1.44rem, calc(1.05rem + 1.95vw), 2.44rem); 36 | --step-3: clamp(1.73rem, calc(1.21rem + 2.58vw), 3.05rem); 37 | --step-4: clamp(2.07rem, calc(1.39rem + 3.40vw), 3.82rem); 38 | --step-5: clamp(2.49rem, calc(1.60rem + 4.45vw), 4.77rem); 39 | 40 | 41 | --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 42 | 43 | 44 | --color-primary: #c22915; 45 | --color-secondary: #6dd5ed; 46 | --color-primary-dark: #192294; 47 | --color-error: #cc3333; 48 | --color-success: #4bb544; 49 | --color-link: #606470; 50 | --color-link-dark: #3c4245; 51 | --color-background: #f5f9ee; 52 | --color-border-sc: #ececec; 53 | --color-border-focus: #a9d7f6; 54 | --color-border: #eeeeee; 55 | --bs: #ffa857; 56 | --color-dark-grey: #a4a3a3; 57 | --gradient: linear-gradient(135deg var(--color-primary), var(--color-secondary)); 58 | 59 | --main-color: #ee5d3d; 60 | --secondary-color: #296cc5; 61 | --gradient: linear-gradient(115deg, 62 | var(--main-color), 63 | var(--secondary-color)); 64 | 65 | 66 | } 67 | 68 | /* Remove default margin */ 69 | body, 70 | h1, 71 | h2, 72 | h3, 73 | h4, 74 | p, 75 | figure, 76 | blockquote, 77 | dl, 78 | dd { 79 | margin: 0; 80 | } 81 | 82 | /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ 83 | 84 | ul[role='list'], 85 | ol[role='list'] { 86 | list-style: none; 87 | } 88 | 89 | /* Set core root defaults */ 90 | html:focus-within { 91 | scroll-behavior: smooth; 92 | } 93 | 94 | /* Set core body defaults */ 95 | body { 96 | min-height: 100vh; 97 | text-rendering: optimizeSpeed; 98 | line-height: 1.5; 99 | font-family: var(--ff-primary); 100 | } 101 | 102 | 103 | /* A elements that don't have a class get default styles */ 104 | a:not([class]) { 105 | text-decoration-skip-ink: auto; 106 | } 107 | 108 | /* Make images easier to work with */ 109 | img, 110 | picture { 111 | max-width: 100%; 112 | display: block; 113 | } 114 | 115 | /* Inherit fonts for inputs and buttons */ 116 | input, 117 | button, 118 | textarea, 119 | select { 120 | font: inherit; 121 | } 122 | 123 | /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ 124 | @media (prefers-reduced-motion: reduce) { 125 | html:focus-within { 126 | scroll-behavior: auto; 127 | } 128 | 129 | *, 130 | *::before, 131 | *::after { 132 | animation-duration: 0.01ms !important; 133 | animation-iteration-count: 1 !important; 134 | transition-duration: 0.01ms !important; 135 | scroll-behavior: auto !important; 136 | } 137 | } 138 | 139 | 140 | body { 141 | height: 100vh; 142 | display: flex; 143 | -ms-flex-pack: center; 144 | justify-content: center; 145 | -ms-flex-align: center; 146 | align-items: center; 147 | background-image: url(download.png); 148 | background-position: bottom; 149 | background-repeat: no-repeat; 150 | background-size: cover; 151 | margin: 1rem 0; 152 | } 153 | 154 | 155 | .container { 156 | position: relative; 157 | width: 100%; 158 | max-width: 780px; 159 | height: 550px; 160 | background: #fff; 161 | border-radius: 1rem; 162 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 163 | padding: 3rem 0; 164 | overflow: hidden; 165 | } 166 | 167 | .form-container { 168 | position: absolute; 169 | top: 0; 170 | width: 50%; 171 | height: 100%; 172 | -webkit-transition: all .6s ease-in-out; 173 | transition: all .6s ease-in-out; 174 | } 175 | 176 | form { 177 | width: 100%; 178 | height: 100%; 179 | display: flex; 180 | -ms-flex-pack: center; 181 | justify-content: center; 182 | -ms-flex-align: center; 183 | align-items: center; 184 | flex-direction: column; 185 | background-color: #fff; 186 | padding: 0 2.5rem; 187 | text-align: center; 188 | } 189 | 190 | .header { 191 | color: var(--color-primary-dark); 192 | font-size: var(--step-1); 193 | font-weight: 500; 194 | text-align: center; 195 | letter-spacing: 1px; 196 | } 197 | 198 | 199 | 200 | 201 | /* ----------------- The start of SideShift Design ----------------- */ 202 | 203 | .sign-in-container { 204 | width: 50%; 205 | height: 100%; 206 | left: 0; 207 | z-index: 2; 208 | } 209 | 210 | .container.right-panel-active .sign-in-container { 211 | -webkit-transform: translateX(100%); 212 | transform: translateX(100%); 213 | } 214 | 215 | .sign-up-container { 216 | left: 0; 217 | width: 50%; 218 | height: 100%; 219 | opacity: 0; 220 | z-index: 1; 221 | } 222 | 223 | .container.right-panel-active .sign-up-container { 224 | -webkit-transform: translateX(100%); 225 | transform: translateX(100%); 226 | opacity: 1; 227 | z-index: 5; 228 | animation: show 0.6s; 229 | } 230 | 231 | @keyframes show { 232 | 233 | 0%, 234 | 49.99% { 235 | opacity: 0; 236 | z-index: 1; 237 | } 238 | 239 | 50%, 240 | 100% { 241 | opacity: 1; 242 | z-index: 5; 243 | } 244 | } 245 | 246 | .overlay-container { 247 | position: absolute; 248 | top: 0; 249 | left: 50%; 250 | width: 50%; 251 | height: 100%; 252 | overflow: hidden; 253 | transition: transform .6s ease-in-out; 254 | z-index: 100; 255 | } 256 | 257 | .container.right-panel-active .overlay-container { 258 | transform: translateX(-100%); 259 | } 260 | 261 | .overlay { 262 | position: relative; 263 | top: 0; 264 | left: -100%; 265 | width: 200%; 266 | height: 100%; 267 | color: #fff; 268 | -webkit-transform: translateX(0); 269 | transform: translateX(0); 270 | background: var(--secondary-color); 271 | background: var(--gradient); 272 | background-repeat: no-repeat; 273 | background-size: cover; 274 | -webkit-transition: transform .6s ease-in-out; 275 | transition: transform .6s ease-in-out; 276 | } 277 | 278 | 279 | .container.right-panel-active .overlay { 280 | -webkit-transform: translateX(50%); 281 | transform: translateX(50%); 282 | } 283 | 284 | .overlay-panel { 285 | position: absolute; 286 | top: 0; 287 | width: 50%; 288 | height: 100%; 289 | display: flex; 290 | -ms-flex-pack: center; 291 | justify-content: center; 292 | -ms-flex-align: center; 293 | align-items: center; 294 | flex-direction: column; 295 | text-align: center; 296 | padding: 0 4.4rem; 297 | -webkit-transform: translateX(0); 298 | transform: translateX(0); 299 | -webkit-transition: transform .6s ease-in-out; 300 | transition: transform .6s ease-in-out; 301 | } 302 | 303 | 304 | .overlay-left { 305 | -webkit-transform: translateX(-15%); 306 | transform: translateX(-15%); 307 | } 308 | 309 | footer { 310 | font-weight: 300; 311 | position: absolute; 312 | bottom: 1rem; 313 | } 314 | 315 | footer a { 316 | color: var(--color-primary-dark); 317 | } 318 | 319 | footer a:hover { 320 | text-decoration: underline; 321 | } 322 | 323 | .container.right-panel-active .overlay-left { 324 | -webkit-transform: translateX(0); 325 | transform: translateX(0); 326 | } 327 | 328 | .overlay-right { 329 | right: 0; 330 | top: 0; 331 | left: 50%; 332 | transform: translateX(0); 333 | } 334 | 335 | .container.right-panel-active .overlay-right { 336 | -webkit-transform: translateX(-15%); 337 | transform: translateX(-15%); 338 | } 339 | 340 | /* ----------------- The start of SideShift Design ----------------- */ 341 | 342 | 343 | 344 | 345 | /* -----------------The start of Social media Design* ----------------- */ 346 | 347 | 348 | .social__media__container { 349 | position: relative; 350 | display: flex; 351 | -ms-flex-pack: center; 352 | justify-content: center; 353 | -ms-flex-align: center; 354 | align-items: center; 355 | column-gap: 1rem; 356 | margin-top: 1rem; 357 | } 358 | 359 | a.social { 360 | position: relative; 361 | width: 2.5rem; 362 | height: 2.5rem; 363 | background-color: #fff; 364 | color: #000; 365 | border-radius: 50%; 366 | text-align: center; 367 | border: 1px solid var(--color-border-sc); 368 | box-shadow: 1px 0 10px rgba(0, 0, 0, .2); 369 | overflow: hidden; 370 | -webkit-transition: all .2s ease; 371 | transition: all .2s ease; 372 | } 373 | 374 | a.social i { 375 | line-height: 2.5rem; 376 | } 377 | 378 | a.social::before { 379 | position: absolute; 380 | top: 90%; 381 | left: -110%; 382 | content: ''; 383 | width: 120%; 384 | height: 120%; 385 | transform: rotate(45deg); 386 | } 387 | 388 | a.social:hover { 389 | box-shadow: 1px 0 10px rgba(0, 0, 0, .1); 390 | -webkit-transform: scale(1.1); 391 | transform: scale(1.1); 392 | } 393 | 394 | a.social:hover i { 395 | color: #fff; 396 | -webkit-transform: scale(1.1); 397 | transform: scale(1.1); 398 | -webkit-transition: all .2s ease-in-out; 399 | transition: all .2s ease-in-out; 400 | } 401 | 402 | a.social:hover::before { 403 | animation: social .7s 1; 404 | top: -10%; 405 | left: -10%; 406 | } 407 | 408 | @keyframes social { 409 | 0% { 410 | 411 | left: -110%; 412 | top: 90%; 413 | } 414 | 415 | 50% { 416 | 417 | left: 10%; 418 | top: -30%; 419 | } 420 | 421 | 100% { 422 | 423 | top: -10%; 424 | left: -10%; 425 | } 426 | } 427 | 428 | a.social.codepen::before { 429 | background: #000000; 430 | /* fallback for old browsers */ 431 | background: -webkit-linear-gradient(to right, #434343, #000000); 432 | /* Chrome 10-25, Safari 5.1-6 */ 433 | background: linear-gradient(to right, #434343, #000000); 434 | /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 435 | 436 | } 437 | 438 | a.social.google::before { 439 | background: #0F9D58; 440 | } 441 | 442 | a.social.instagram::before { 443 | background-color: #f09433; 444 | background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 445 | background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 446 | background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 447 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); 448 | background-position: center; 449 | background-size: cover; 450 | } 451 | 452 | /* -----------------The end of Social media Design* ----------------- */ 453 | 454 | 455 | 456 | span.under__social { 457 | display: grid; 458 | place-items: center; 459 | letter-spacing: 1px; 460 | margin-top: 1.8rem; 461 | } 462 | 463 | a.link, 464 | a.login-link { 465 | color: var(--color-link); 466 | } 467 | 468 | a.link:hover, 469 | a.login-link:hover { 470 | color: var(--color-link-dark); 471 | text-decoration: underline; 472 | -webkit-transition: all .4s ease; 473 | transition: all .4s ease; 474 | } 475 | 476 | .button-input-group { 477 | width: 100%; 478 | display: grid; 479 | place-items: center; 480 | margin-top: .5rem; 481 | } 482 | 483 | .group { 484 | width: 100%; 485 | height: 47px; 486 | margin-bottom: 1.3rem; 487 | } 488 | 489 | .group input, 490 | .group button { 491 | width: 100%; 492 | height: 100%; 493 | border: none; 494 | outline: none; 495 | border-radius: .4rem; 496 | } 497 | 498 | .group input { 499 | border: 2px solid var(--color-border); 500 | padding: 0 1.1rem; 501 | } 502 | 503 | .group input::placeholder { 504 | opacity: .8; 505 | } 506 | 507 | .alert-text .help__text { 508 | position: absolute; 509 | left: 3.2rem; 510 | font-size: var(--step--2); 511 | margin-top: -1rem; 512 | opacity: .5; 513 | } 514 | 515 | .alert-text.signup__alert { 516 | margin-bottom: 2.2rem; 517 | } 518 | 519 | .form-link.forgot { 520 | margin: -.3rem 0 1.5rem 0; 521 | } 522 | 523 | 524 | 525 | 526 | /* -----------------The start of Validation* ----------------- */ 527 | 528 | input:focus, 529 | input:not(:placeholder-shown) { 530 | background-color: var(--color-background); 531 | border-color: var(--color-border-focus); 532 | } 533 | 534 | input:focus, 535 | input:placeholder-shown { 536 | box-shadow: 0 0 0 2px var(--color-border-focus); 537 | } 538 | 539 | input:focus:valid { 540 | box-shadow: 0 0 0 2px var(--color-success); 541 | } 542 | 543 | input:valid:not(:placeholder-shown) { 544 | border-color: var(--color-success); 545 | } 546 | 547 | input:focus:invalid { 548 | box-shadow: 0 0 0 2px var(--color-error); 549 | } 550 | 551 | input:invalid:not(:placeholder-shown) { 552 | border-color: var(--color-error); 553 | } 554 | 555 | /* -----------------The end of Validation* ----------------- */ 556 | 557 | 558 | 559 | 560 | .group.button-group { 561 | width: 70%; 562 | } 563 | 564 | button { 565 | width: 100%; 566 | height: 100%; 567 | color: #fff; 568 | background-color: var(--color-primary); 569 | cursor: pointer; 570 | -webkit-transition: all .3s ease; 571 | transition: all .3s ease; 572 | } 573 | 574 | .group button:hover { 575 | background-color: var(--color-secondary); 576 | } 577 | 578 | .group button:hover { 579 | background: var(--color-secondary); 580 | } 581 | 582 | .group button:active { 583 | transform: scale(0.95); 584 | } 585 | 586 | .group button:focus { 587 | outline: none; 588 | } 589 | 590 | .group button.ghost { 591 | background-color: transparent; 592 | border: 1px solid #fff; 593 | margin-top: 1.8rem; 594 | } 595 | 596 | .group button.ghost:hover { 597 | background: #fff; 598 | color: var(--color-primary); 599 | } -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | // change navbar styles on scroll 2 | 3 | /*window.addEventListener("scroll", () => { 4 | document 5 | .querySelector("nav") 6 | .classList.toggle("window-scroll", window.scrollY > 0); 7 | });*/ 8 | 9 | // Get the navbar element 10 | const navbar = document.querySelector('.navbar'); 11 | const scrollBtn=document.getElementById("progress-value") 12 | console.log(scrollBtn) 13 | // Add an event listener to the scroll event 14 | window.addEventListener('scroll', () => { 15 | // Check if the scroll position is greater than a certain threshold 16 | if (window.scrollY > 0) { 17 | // Add the "window-scroll" class to the navbar 18 | navbar.classList.add('window-scroll'); 19 | scrollBtn.style.visibility="visible" 20 | } else { 21 | // Remove the "window-scroll" class from the navbar 22 | navbar.classList.remove('window-scroll'); 23 | 24 | scrollBtn.style.visibility="hidden" 25 | } 26 | }); 27 | //for initial render icon hide 28 | document.addEventListener('DOMContentLoaded', function() { 29 | if (window.scrollY > 0) { 30 | 31 | scrollBtn.style.visibility="visible" 32 | } else { 33 | // Remove the "window-scroll" class from the navbar 34 | 35 | 36 | scrollBtn.style.visibility="hidden" 37 | } 38 | }); 39 | 40 | // show/hide faq answer 41 | 42 | const faqs = document.querySelectorAll(".faq"); 43 | 44 | faqs.forEach((faq) => { 45 | faq.addEventListener("click", () => { 46 | faq.classList.toggle("open"); 47 | 48 | // change icon 49 | const icon = faq.querySelector(".faq__icon i"); 50 | if (icon.className === "uil uil-plus") { 51 | icon.className = "uil uil-minus"; 52 | } else { 53 | icon.className = "uil uil-plus"; 54 | } 55 | }); 56 | }); 57 | 58 | // show/hide nav menu 59 | const menu = document.querySelector(".nav__menu"); 60 | const menuBtn = document.querySelector("#open-menu-btn"); 61 | const closeBtn = document.querySelector("#close-menu-btn"); 62 | 63 | menuBtn.addEventListener("click", () => { 64 | menu.style.display = "flex"; 65 | closeBtn.style.display = "inline-block"; 66 | menuBtn.style.display = "none"; 67 | }); 68 | 69 | // close nav menu 70 | const closeNav = () => { 71 | menu.style.display = "none"; 72 | closeBtn.style.display = "none"; 73 | menuBtn.style.display = "inline-block"; 74 | }; 75 | 76 | closeBtn.addEventListener("click", closeNav); 77 | 78 | // Start of Scroll-to-Top button 79 | 80 | let calcScrollValue = () => { 81 | let scrollProgress = document.getElementById("progress"); 82 | let progressValue = document.getElementById("progress-value"); 83 | let pos = document.documentElement.scrollTop; 84 | 85 | let calcHeight = 86 | document.documentElement.scrollHeight - 87 | document.documentElement.clientHeight; 88 | 89 | let scrollValue = Math.round((pos * 100) / calcHeight); 90 | if (pos > 100) { 91 | scrollProgress.style.display = "grid"; 92 | } else { 93 | scrollProgress.style.display = "none"; 94 | } 95 | 96 | scrollProgress.addEventListener("click", () => { 97 | document.documentElement.scrollTop = 0; 98 | }); 99 | 100 | scrollProgress.style.background = `conic-gradient(#0077B5 ${scrollValue}%, #d7d7d7 ${scrollValue}%)`; 101 | }; 102 | 103 | function scrolltotop(){ 104 | window.scroll ({ 105 | top:0, 106 | behavior:"smooth" 107 | }); 108 | } 109 | 110 | //Pure counter 111 | new PureCounter(); 112 | 113 | new PureCounter({ 114 | selector: ".purecounter", 115 | 116 | start: 0, 117 | end: 100, 118 | duration: 2, 119 | delay: 10, 120 | once: true, 121 | pulse: false, 122 | decimals: 0, 123 | legacy: true, 124 | filesizing: false, 125 | currency: false, 126 | formater: "us-US", 127 | separator: false, 128 | }); 129 | 130 | window.onscroll = calcScrollValue; 131 | window.onload = calcScrollValue; 132 | 133 | // Clickable Copyright name 134 | const copyright = document.querySelector(".footer__copyright small span"); 135 | 136 | copyright.addEventListener("click", function () { 137 | window.open("https://github.com/aniketsinha2002?tab=repositories", "blank"); 138 | }); 139 | 140 | // Type Writer Effect - 141 | var TxtType = function (el, toRotate, period) { 142 | this.toRotate = toRotate; 143 | this.el = el; 144 | this.loopNum = 0; 145 | this.period = parseInt(period, 10) || 2000; 146 | this.txt = ""; 147 | this.tick(); 148 | this.isDeleting = false; 149 | }; 150 | 151 | TxtType.prototype.tick = function () { 152 | var i = this.loopNum % this.toRotate.length; 153 | var fullTxt = this.toRotate[i]; 154 | 155 | if (this.isDeleting) { 156 | this.txt = fullTxt.substring(0, this.txt.length - 1); 157 | } else { 158 | this.txt = fullTxt.substring(0, this.txt.length + 1); 159 | } 160 | 161 | this.el.innerHTML = '' + this.txt + ""; 162 | 163 | var that = this; 164 | var delta = 200 - Math.random() * 100; 165 | 166 | if (this.isDeleting) { 167 | delta /= 2; 168 | } 169 | 170 | if (!this.isDeleting && this.txt === fullTxt) { 171 | delta = this.period; 172 | this.isDeleting = true; 173 | } else if (this.isDeleting && this.txt === "") { 174 | this.isDeleting = false; 175 | this.loopNum++; 176 | delta = 500; 177 | } 178 | 179 | setTimeout(function () { 180 | that.tick(); 181 | }, delta); 182 | }; 183 | 184 | window.onload = function () { 185 | var elements = document.getElementsByClassName("typewrite"); 186 | for (var i = 0; i < elements.length; i++) { 187 | var toRotate = elements[i].getAttribute("data-type"); 188 | var period = elements[i].getAttribute("data-period"); 189 | if (toRotate) { 190 | new TxtType(elements[i], JSON.parse(toRotate), period); 191 | } 192 | } 193 | }; 194 | -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 9 | 10 | 11 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/ 12 | 2023-06-18T17:55:42+00:00 13 | 1.00 14 | 15 | 16 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/index.html 17 | 2023-06-18T17:55:42+00:00 18 | 0.80 19 | 20 | 21 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/contact/index.html 22 | 2023-06-18T17:55:42+00:00 23 | 0.80 24 | 25 | 26 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/login/index.html 27 | 2023-06-18T17:55:42+00:00 28 | 0.80 29 | 30 | 31 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/course.html 32 | 2023-06-18T17:55:42+00:00 33 | 0.80 34 | 35 | 36 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/Form/logsig.html 37 | 2023-06-18T17:55:42+00:00 38 | 0.64 39 | 40 | 41 | https://aniketsinha2002.github.io/DataScienceWebsite.github.io/Form/signup.html 42 | 2023-06-18T17:55:42+00:00 43 | 0.51 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /smoothscroll.js: -------------------------------------------------------------------------------- 1 | $('nav ul li a').click(function(){ 2 | var thisSection = $(this).attr('href'); 3 | var headerHeight = $('.fixed-header').outerHeight(); // Replace '.fixed-header' with selector of your fixed header. 4 | var scrollOffset = headerHeight || 0; // Use the header height as the offset, or set it to 0 if there's no fixed header. 5 | 6 | $('html, body').stop().animate({ 7 | scrollTop: $(thisSection).offset().top - scrollOffset 8 | }, 600, 'easeOutCirc'); 9 | }); 10 | --------------------------------------------------------------------------------