https://github.com/blackcub3s/therapistlandingpage

This is a dummy webproject of an online therapy practice business.
https://github.com/blackcub3s/therapistlandingpage

bootstrap css3 html javascript

Last synced: 28 days ago
JSON representation

This is a dummy webproject of an online therapy practice business.

• Host: GitHub
• URL: https://github.com/blackcub3s/therapistlandingpage
• Owner: blackcub3s
• License: mit
• Created: 2022-11-10T18:04:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-11T12:03:18.000Z (about 2 years ago)
• Last Synced: 2024-11-09T20:17:42.770Z (3 months ago)
• Topics: bootstrap, css3, html, javascript
• Language: JavaScript
• Homepage:
• Size: 12.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# AIM

This webpage was created to practice and showcase bootstrap, HTML, CSS, JavaScript habilities.

# CSS PROGRAMMING MILESTONES

- I used bootstrap frontend framework in order to create this landing page.

- I made use of gliphicons and trigger their scale change via CSS hover selector.

- I used the CSS transform property to achieve:

    A) top background yellow and green sections to appear as if their structure wasn't a parallel container to the top and bottom of the screen. As you can see, each section has one horizontal bootstrap container, and then there are two custom made containers that have the same color as the bootstrap container but that are skewed -3 degrees in the Y axis on top, and two more at the bottom of the bootstrap container-. You can see a demonstration in the following GIF (it might need some time to load):

    ![transform demonstration](https://github.com/blackcub3s/therapistLandingPage/blob/main/mostraTransformSkewed.gif?raw=true)

    

# IMPORTANT DISCLAIMER

In the original website I made payment cards to have prices that would fluctuate depending on the hour and whether or not the hypotetical client would ask for therapy on a weekday or a weekend. Those fluctuations were done in PHP. However, in the version I uploaded to pages.github, payment cards have just static prices to showcase the frontend only as the platform does not allow to run PHP. Only html, css and Javascript.

The website features a business that does not exist. It just serves as a landing page. To showcase the habilities specified below.