Make these cards look more appealing to the eyes.

Make these cards look more appealing to the eyes.

In the website, the details under the Core team heading is taking a lot of space in the website. The requirement is that the Details of the Core team must take up the least space possible in the website. The name of the website file is index.html and its styling file is style.css. The sample output is attached with this issue.

NB:
1)this is just a sample output. It could be up to you how to resolve the issue.
2)Do not copy the sample output. if so, the modification will not be approved

The size of event card component is not uniform. You are to modify the sizes of all the event card such that the event cards are uniform.The name of the website file is index.html and its styling file is style.css.The name of the website file is index.html and its styling file is style.css.
Sample output:

NB:
1)this is just a sample output. It could be upto you how to resolve the issue.
2)Do not copy the sample output. if so, the modification will not be approved

Similar to #73
The text is supposed to be inside the card and aligned in a uniform manner

The description of Faculty Sponsor must not be cramped and must be styled appropriately. The name of the website file is index.html and its styling file is style.css.
Sample Output:

NB:
1)this is just a sample output. It could be up to you how to resolve the issue.
2)Do not copy the sample output. if so, the modification will not be approved

Describe the solution you'd like
Make a new webpage for Hacktoberfest Hacknight 2.0.

Please create a file for the website so that it helps all the members to work on it with ease.
For a headstart , refer to this link as to how to provide a documentation for a website:
https://medium.com/@t1tan1um/generic-guide-for-documenting-web-projects-4d6110557e4b
NB:
1)this is for reference. It could be up to you how to resolve the issue.

All the files for different events should be in 1 folder called "events".
Make sure you update the corresponding hyperlinks, css and js and well.

On the homepage the carousel buttons aren't center aligned

When you click on the left and right buttons of the carousel, it scrolls to the top automatically

Steps To Reproduce
Click on the carousel buttons.

Expected behavior
Shouldn't scroll to the top.

Screenshots

Code of Conduct

☑ I agree to follow this project's Code of Conduct

You are to modify the font style and font-size appropriately in the website. This is to be done with the aim of making the website more stylish and unique.The name of the website file is index.html and its styling file is style.css.
Sample output:

NB:
1)this is just a sample output. It could be upto you how to resolve the issue.
2)Do not copy the sample output. if so, the modification will not be approved
3)The styles has to applied wherever necessary in the website

Things to keep in mind

• Use this logo https://pesuecc.acm.org/img/acmlogo.png
• Should be a dummy spinner and should display for 1 second when a new page loads.
• Feel free to animate the logo to make it look cooler.

In the website, the details under the Founders heading is taking a lot of space in the website. The requirement is that the Details of the Founders must take up the least space possible in the website. The sample output is attached with this issue.The name of the website file is index.html and its styling file is style.css.

NB:
1)this is just a sample output. It could be up to you how to resolve the issue.
2)Do not copy the sample output. if so, the modification will not be approved

Describe the bug
In the events division , the tensor flow "READ MORE" button has not been linked to a valid website
(has been linked to tensorflow.ml)
hence goes to Secure Connection Failed page

To Reproduce
Steps to reproduce the behavior:

1. Go to 'ACM website'
2. Scroll down to 'Tensor flow' under 'Events'
3. Click on 'READ MORE'
4. See error

Expected behavior
has to go to valid Tensorflow event page
Screenshots

Desktop (please complete the following information):

• OS:Windows 10
• Browser :Mozilla Firefox

Some buttons don't work in the header bar.

• Events
• Team
• Contact Us

In the footer of the website, The social media icons seemed to be cramped. These icons are to be position such that it should not cramped at one spot.The name of the website file is index.html and its styling file is style.css. Sample output:

NB:
1)this is just a sample output. It could be up to you how to resolve the issue.
2)Do not copy the sample output. if so, the modification will not be approved

We need a page with all the members.

Rough Idea

• The data is currently stored in a Google Sheet
• The Google Sheet is linked to a Google Form
• We'd like to keep the form and sheet intact, in order to dynamically reflect changes now and in the future.
• The website must dynamically load data
• Some latency is allowed (and expected tbh)

Possible Approaches
Option A. Find a way of directly interacting with Google Sheets.
Option B. Once the data enters the sheet, it should update into Firebase

Things to consider

• Firebase is free
• Google Sheets has unlimited storage (Workspace account)
• AppScripts/GitHub Actions can be leveraged
• Sticking to the current stack is not necessary. If something like react-firebase is easier, that portion of the website can be in React.

For every event, the read more button is in different places. It's gotta be in the same place regardless of the content of the event card. It should also be well inside the card and not floating outside.

On scrolling down, the contents of the navbar are not visible cause they're white on a white background.
There is a onscroll event somewhere that is supposed to give the header a background when it scrolls down, but due to the "height: 100%" in numerous stylesheets, the event isn't being called.
Removing "height: 100%" from the css files doesn't seem to break the website.

Describe the bug
The website on phone has a tiny horizontal scroll

To Reproduce
Open on phone

Expected behavior
No scroll

Smartphone (please complete the following information):

• Device: Any.

Additional context
Such a tiny bug, probably requires a lot of hunting to fix, but OH SO IRRITATING.

Describe the solution you'd like
The Office Bearers should be either in a tab view (2019-20), (2020-21) or in consecutive blocks.

Navbar is still visible after scrolling.

Steps To Reproduce
Scroll down and observe the navbar

Expected behavior
It should be clearly visible when you're scrolling.

Screenshots

Code of Conduct

☑ I agree to follow this project's Code of Conduct

On clicking the carousel left/right button it flies to the top of the page
Nothing should happen other than the carousel action

Describe the bug
The description of the duties of the Office Bearer's should be gender neutral instead of the current "he"

Describe the solution you'd like
Create a new page to showcase the AIEP Projects. Something similar to this can be made https://pes-innovation-lab.github.io/web/projects/