Clínica Médica Dentária Diana Salomé 🦷

Website Features

• Section Titles and Intros
  • Logic
• Navigation Tab
  • Logic
  • Language buttons
• Header
  • Logic
  • Lazy Load
• Open hours
  • Logic
• Services
  • Logic
  • Action - Link to wiki
• Map
  • Logic
  • Action - Open Maps with directions
• Testimonials
  • Logic
• FAQ
  • Logic
  • Action - Smooth scrolling (without nav bar over the question)
  • Change icon on active
• Contact
  • Logic
• Footer
  • Logic
  • Decide what to put
  • Action - Do something on click (w/smooth scroll)
• Chrono(removed)
  • Logic
  • Action - Smooth scrolling (without nav bar over the year)
  • Line with rigth heigth
• Team
  • Logic
• Agreements
  • Logic
  • Lazy-load (not-really)
• Multi-languages
  • Titles and intros
  • Open hours
  • Services
  • Testimonials
  • Map
  • Contact
  • FAQ
  • Footer
  • About Us
  • Team
• Data - pt & en - add more in the Config and data folders
  • Titles and intros
  • Open hours
  • Services
  • Testimonials
  • Map
  • Contact
  • FAQ
  • Footer
  • About Us
  • Team

Website Style

• Colors (_base.scss)
• Images
  • Logo, favicon, ...
  • From clinic
  • Contacts
• Map
  • Icon (markerIconPath)
  • Design (TILES.url - providers)
  • Popup (_map.scss)
• Testimonials
  • Fix arrow buttons (to svg?)
• Nav
  • Opaque (change color?) on hover (_nav.scss)
  • Language buttons underline (_nav.scss)
• FAQ
  • All style (_faq.scss)
• Footer
  • Social media
• Team
  • [ ] Change description animation (like in the headerView)

Other TODOS

• Google search optimization
• Polyfilling and transpiling
• Mobile compatible
• 'Separate' the sections - only one at a time - add to the url (eg.: .../#team)
• Lazy-load data using fetch and json (¿¿¿ different languages, different files ???)
• Lazy loading images by only load sections on display.
• ~~[ ] Dark mode ~~
• Code
  • [x] ¿¿¿ Join all load functions in model.js ???
  • [ ] Create parent class to the nav&footer bars
  • contact reference
  • .update() method to work always (special atention at openhours, team, footer, chrono)
• Remove modal
• Post about medicina estética facial (Google business)
• About us to include 'Medicos dentistas'

License

©2022 Clínica Médica Dentária Drª Diana Salomé

Contributions

Website

Design and developed by António Sérgio

Images

Carlos Daniel