Skip to content

🤠 😃 Project about saving bookmarks

Notifications You must be signed in to change notification settings

Mmaryna68/Group_Project

 
 

Repository files navigation

Team Project for saving Bookmarks "Saved"

https://mmaryna68.github.io/Group_Project/

Multi-page website based on the design from Figma

https://www.figma.com/file/AmkWzwPirnkZ8QukrxADV9/saved.-bookmarks?node-id=0%3A1&t=T8xWTA0KyZYXrudv-0 created during the learning process.

Functionality and Site Description

The project was developed by a team as part of a school IT Girls project.

The project goals were:

Implement the website design according to the layout requirements. Make the site responsive for both desktop and mobile versions. Include user interaction elements (links, input fields, page transitions). Design the site to be user-friendly and interactive. Adhere to the coding and styling requirements provided by the client (instructor). Emphasize teamwork and effective collaboration. The website consists of 7 pages:

  1. Home (Homepage) -[index] Снимок экрана 2023-09-02 в 12 11 36 AM Снимок экрана 2023-09-02 в 12 11 20 AM Снимок экрана 2023-09-02 в 12 11 00 AM

  2. Tab 00. All - [all.html] Снимок экрана 2023-09-02 в 12 12 26 AM Снимок экрана 2023-09-02 в 12 13 00 AM Снимок экрана 2023-09-02 в 12 13 49 AM Снимок экрана 2023-09-02 в 12 14 03 AM

  3. Tab 01. Inspiration - [inspiration.html]

Снимок экрана 2023-09-02 в 12 34 17 AM

  1. Information (accessed via the OpenInfo icon in the top right and bottom corners of the page) - [openinfo.html] Снимок экрана 2023-09-02 в 12 35 25 AM

  2. Suggest Product Page (accessed from the OpenInfo page) - [suggestproduct.html] Снимок экрана 2023-09-02 в 12 40 52 AM

  3. Study Offer Page (appears after submitting data on the Suggest Product page) - [studyoffer.html] Снимок экрана 2023-09-02 в 12 43 21 AM

  4. Rushing To Fix Page (accessed by clicking "link is broken" on the homepage) - [rushingtofix.html] Снимок экрана 2023-09-02 в 12 50 52 AM

The website is designed to be responsive on various screen sizes (desktop and mobile).

Technologies Used

Bootstrap 5, HTML5, Grid, Flex, CSS, GitHub In addition to Bootstrap and its components and features, we applied additional styles to achieve a design closely aligned with the layout. These can be found in the assets folder.

Bootstrap Elements and Components Used

Cards Navigation Links Paddings and Margins Font-size, -color, -weight Col-sm, col-lg (for responsiveness) Buttons

Installation Instructions

git clone https://github.com/Mmaryna68/Group_Project

Thanks to the project team!

Contributors

About

🤠 😃 Project about saving bookmarks

https://mmaryna68.github.io/Group_Project/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 90.4%
  • CSS 9.6%