An online counselling website for Webtech Project Section 3, Group 4

BrighterLife is an online counselling platform where users can sign up and explore three categories of help that are provided by us, which are Stress, Anxiety, and Depression. Users can select which category they are currently struggling with and we will appoint a session with our professional certified therapists. Based on the availability of timings and date, the user can select a slot and book it for him/herself. We change the way people get help with facing life's challenges by providing convenient, discreet and affordable access to a licensed therapist. BrighterLife makes professional counseling available anytime, anywhere, through a computer, tablet or smartphone.

• Pages (HTML/CSS) : Homepage, Login/Signup, Anxiety, Stress, Depression
• Overall sitemap for the project.
• Added Pictures on the Homepage, Stress, Anxiety and Depression.
• JavaScript query selector on form for Login/Signup

• Pages (HTML/CSS) : Contact and Article
• Web elements: Draggable message box
• Added 5 articles using button as a link in Article page with appropriate styling
• JavaScript popup box which is alert box for form in Contact page
• Added all the images on Contact and Article page

• Pages: About and Appointment
• Web element: Logo
• Javascript alert box message in appointment page for confirmation form.
• Creator of the color palette

Name: Zawad Wasik Ahmed

Web element

• Login/signup

Use of third party resources and modifications (if any)

• jqueryselector

Graphics for the pages are from Google Images

• All graphics are inside a container div box
• All graphics are resized and positioned using CSS styling

Name: Nurhidayu binti Ishak

Web elements

• Interactions draggable
• Interactions draggable (JQueyUI) are used in the Contact page.
• Background-color when start and stop drag

Graphics for Article and Contact

• All graphics for Articles div box and background image for Contact page are from pexels.com
• All graphics are resized using CSS styling

Name: Nur Ameliene Lee

Web elements

• Date time picker, used in the appointment page for users to pick the date and time they desire.

Graphics

• All logo and images are created using canva.com
• Slideshow graphics created using canva.com
• All graphics are resized using CSS styling

• jqurey selectable https://jqueryui.com/selectable/

• JS Foundation - js.foundation. (2021). Draggable | jQuery UI. Jqueryui.com. https://jqueryui.com/draggable/

• 100,000+ Best Dark Background Photos · 100% Free Download · Pexels Stock Photos. (2021). Pexels.com; Pexels. https://www.pexels.com/search/dark%20background/

• Fotorama — Simple and Powerful Responsive jQuery Image Gallery. (n.d.). Https://Fotorama.Io/. Retrieved June 4, 2021, from https://fotorama.io/

• logo for webtech – Logo by NUR AMELIENE LEE. Canva. (n.d.). https://www.canva.com/design/DAEbwtsL-Ps/eFrXKHnSf3E_PmZWRbHz5g/view?utm_content=DAEbwtsL-Ps&utm_campaign=designshare&utm_medium=link&utm_source=homepage_design_menu

• Color Hunt - Color Palettes for Designers and Artists. (n.d.). Https://Colorhunt.Co/. Retrieved April 16, 2021, from https://colorhunt.co/

• bootstrap-datetimepicker - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers. (n.d.). Https://Cdnjs.Com/Libraries/Bootstrap-Datetimepicker. Retrieved June 8, 2021, from https://cdnjs.com/libraries/bootstrap-datetimepicker

• Hosted Libraries |. (n.d.). Google Developers. Retrieved June 8, 2021, from https://developers.google.com/speed/libraries#jquery