Responsive website in Tailwind 3
Budget: $10 – $30 USD
The project is to make a responsive website in Tailwind 3
Guidelines:
- transfer of the author's rights to the work
- text-base - 16px
- default font - font-sans
- basic colors: white background, black letters
- shadows under elements on the page to create the effect of 3D elements
- when you hover the mouse over a link, button or picture, the mouse icon should change to the hand
- an example of the arrangement of elements on the website is shown in the pictures
- the colors in the illustrative photos are also indicative, you can change the shades of colors so that the page is consistent
Menu:
- responsive menu
- icons next to names
- menu divided into 3 parts, left side - navigation to the home page, middle - other menus, right side - additional controls
- A (text-base), A + (text-xl), A ++ (text-2xl), A +++ (text-3xl)
- page layout: light / dark / system
- high contrast: font size selected by the user, yellow letters, black background, when you hover over the link, the link changes to light blue
- printing: printing on a4 sheet, white background, black letters, printing without menu and footer
- pdf: if it is possible to save a pdf of the page from the page print option, this icon will not be needed
Additional information
Home:
-Quote for 3-4 lines
Search page:
- one message appears when you hover the mouse over the text
- the second message is above the text and this message can be closed with the x button
Table:
- possibility to choose the size of tables 10, 25, 50
- separate pagination for a computer and tablet,
- separate pagination per cell
- a search field with a magnifying glass button to the right of the search
- separate buttons (arrows) for sorting the search, ascending, descending
- showing (highlighting) a table row above which the mouse button is
I am asking for an application for the entire project and for sending previous example projects.
Guidelines:
- transfer of the author's rights to the work
- text-base - 16px
- default font - font-sans
- basic colors: white background, black letters
- shadows under elements on the page to create the effect of 3D elements
- when you hover the mouse over a link, button or picture, the mouse icon should change to the hand
- an example of the arrangement of elements on the website is shown in the pictures
- the colors in the illustrative photos are also indicative, you can change the shades of colors so that the page is consistent
Menu:
- responsive menu
- icons next to names
- menu divided into 3 parts, left side - navigation to the home page, middle - other menus, right side - additional controls
- A (text-base), A + (text-xl), A ++ (text-2xl), A +++ (text-3xl)
- page layout: light / dark / system
- high contrast: font size selected by the user, yellow letters, black background, when you hover over the link, the link changes to light blue
- printing: printing on a4 sheet, white background, black letters, printing without menu and footer
- pdf: if it is possible to save a pdf of the page from the page print option, this icon will not be needed
Additional information
Home:
-Quote for 3-4 lines
Search page:
- one message appears when you hover the mouse over the text
- the second message is above the text and this message can be closed with the x button
Table:
- possibility to choose the size of tables 10, 25, 50
- separate pagination for a computer and tablet,
- separate pagination per cell
- a search field with a magnifying glass button to the right of the search
- separate buttons (arrows) for sorting the search, ascending, descending
- showing (highlighting) a table row above which the mouse button is
I am asking for an application for the entire project and for sending previous example projects.