Scroll and Click Animations

This website shows off the power JavaScript can bring to the foreground, the animation brings two halves of an image together making it whole on hover

If you scroll on the mouse wheel or track pad, as well as click the menu buttons you see the true power of what this website can do

• link to site


• Languages Used:

HTML, CSS and JavaScript

• Framework:

None

Cursor Animation

Through the use of JavaScript this demostrates how a cursor effect can be achieved

• link to site


• Languages Used:

HTML, CSS and JavaScript

• Framework:

None

Floating Responsive Testimonial

Bootstrap 5 is a framework, and its flex here is showing how it makes a website responsive right down to the mobile level

To get a proper display of how this works you can resize the window and notice the changes the element goes through

• link to site


• Languages Used:

HTML, CSS and JavaScript

• Framework:

Bootstrap 5

Full Page Animation

Through the use of JavaScript this demostrates how a cursor effect can be achieved

• link to site


• Languages Used:

HTML, CSS and JavaScript

• Framework:

None

Tech / Device Landing Page

This website has a few elements but mainly its about the layout, and the slight animations that take place on load, which were done only using CSS

The main use of this Theme if you will, can be a e-commerce site for tech sales, notice the shoppping cart in top right corner

• link to site


• Languages Used:

HTML and CSS

• Framework:

None

Website Idea

With some luck will be able to build out this e-commerce platform, to sell a product online. Will include a cart page and checkout

• link to site


• Languages Used:

HTML, CSS and JavaScript

• Framework:

Bootstrap 5

Login Page

Just a simple login page come to life using CSS for the animations seen on the page

• link to site


• Languages Used:

HTML and CSS

• Framework:

None