The eqequation-website from girlscript

Update Testimonials part by including a type of carousel and make it slide automatically.

Take a look at this https://www.w3schools.com/bootstrap/bootstrap_carousel.asp#:~:text=The%20class%3D%22carousel%22%20specifies,do%20not%20want%20this%20effect.

make the testimonial card at the center.

Add a book now feature in website

Stage 1:

Add a button of the book now in the navbar.

Stage 2:

Add functionality using SquareUp API which will handle the booking the feature should be implemented as it is in the
this website https://www.eqequation.com/

If you have better suggestions of integrating this feature you're most welcome.

As it is not mandatory to use squareup any other similar integration is welcomed. But let me know about integrations

Add a Animation of Auto Closing of Nav Bar when user is not interacting with it.

Setup a functionality of the auto-closing of the navbar.

[Feature] Material Navbar on landing page (Mobile View)

Feature Details
Currently the nav bar on mobile view when the site loads is as below (fig. 1)

New Design for the landing page is as shown below (fig. 2)

Additional Details
When the page loads the New Style, the design shown in fig. 2 will be displayed.
After the user starts to scrolls it will fade out and convert to current nav bar shown in fig. 1
Again once the user scroll back to the top, the current nav bar will fade out and new style design in fig 2 will appear again.

Add a Hero Section same as Referenced Website!!

Add the Hero section as in the referenced website make sure you remove the current slider hero section and add this one!!

Referenced Website: https://www.climateneutral.org/

Hero Section:

Migrate JavaScript from HTML to separate file

There seems to be a bit of JS added at the bottom of the HTML file and some in the script.js file. This makes debugging a bit difficult and hampers the readability and maintainability of the project in the long run.

I suggest to move all the JS into separate JS files.

If approved, I would like to take up this issue.

All good websites have themes (dark mode & light mode) . These days it is very common to the users. I suggest to add a button which would toggle between the themes. If approved, I would like to take up this issue.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add Social Media Links on the footer.

Add social media links with icons in the footer section

Add a Website Loading Animation Feature [Preloaders]

Have a look at this medium article : Animations

We want a website loading animation similar to anyone of it.

If Lottie animation is implemented it would be great.

Take a look at Lottie loading animations

Lottie Loaders Animation

Add the button below the About content which redirects to the page.

The page should have a sticky navbar with a right nav button that will be implemented similar to the main page.

then all the things will be implemented as it is on this website https://www.owenell.com/ page except the bottom column buttons and footer.

the footer should be the same as the main page.

Take a look to the reference website for understanding

Create Drop-down menu style footer for Mobile View

The current footer styling for the mobile view is like this:

The task is as follows:

1. Make the Left column of the footer as the drop-down menu shown in the reference picture below.

2. Place the right column of the current footer below the social media links.

Make buttons interactive

Currently, the buttons are not interactive, making them dull.
On hover, the button colour can be changed and we can also add button shadow to give a 3D effect. It would add to site aesthetics.

If approved, I would like to take this feature.

Refactoring of the Website

Is your feature request related to a problem? Please describe.

Check all the links in the header are working. Ex: Home button on the navbar and sidebar does not take to the hero section
Fix Font Size in the footer Section and links inside them
Add Mobile View Footer Open/Close animation to the dropdowns
Fix Font Size in the Hero-Section of the header as well as the paragraphs

Animation on Screen will make the website look smooth and nice.I would like to take this issue if approved.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add Hover Effect over the the NavBar Items

Add Hover Effect Over the NavBar Items

[Feature] Material Navbar on landing page (Desktop View)

Feature Details
Currently the Nav Bar of the landing page is as follows (fig. 1)

The design of the Nav bar should be made as below (fig. 2)

Additional Details
When the page loads the New Style, the design shown in fig. 2 will be displayed.
After the user starts to scrolls it will fade out and convert to current nav bar shown in fig. 1
Again once the user scroll back to the top, the current nav bar will fade out and new style design in fig 2 will appear again.

The email links not working

The mailing links of "Ritesh Yadav[Project Lead]" and "Shama Devi[Project Lead]" which are present at the bottom of Readme.md are not working properly. These links redirect to the "Page not found".

Add a Custom ScrollBar in the website as Shown in the below image

Implement only the header like in the reference website https://ready.so/

Implement only the header like in the reference website https://ready.so/ the header should have the same blur effect with Disappearing effect as we scroll down.

Points to focus on:

Implement the feature exactly the same as in the reference website.

Do not add any options or logo just add a header similar to the website

And last maintain good code quality with comments.

Add the content below the hero section!!

Add the Original content in the pink section below the header use a good font with the best alignment as given in the below image.

Update of Header as a Image slider and Remove the present Header

Update the header as given in the reference website reference

Shift the logo to the center as in the reference website and some of the nav items to the top of the slider at the left and right of the logo but do not remove the navigation button.

And also add smooth scrolling to the items which are are present at the left and right of the logo also.

Take a reference from the website given above for better understanding

Add a Testimonial Page in the Website

The Website needs a testimonial page like in this website Testimonial

Things which has to be changed:

Add a testimonial section on the website above the contact form.
The illustrations should not be added just simply add a Testimonial section similar to the referenced website.