simple web design-bootstrap,jquery
Budget: $10 – $30 USD
The requirements are very simple. If you are familiar with html, css, jquery, and bootstrap, you can easily complete the task. If you still need to learn related knowledge, please do not accept this task.
Please see the attached layout for the final layout.
1. The head layout is exactly the same: logo, search.
2. Read json data.
3. The size of the cell can be automatically adjusted according to the size of the screen and the actual amount of data (serverlist). The goal is to fill the entire screen and avoid scroll bars.
4. Hover the mouse to display more information.
5. Add a switch at the bottom of the cell, a radio switch, similar to the switch key of ios. The style requirements are not high, similar to it. Click this switch to toggle the switch state and the cell state. Refer to the work=1 or 0 parameter. 1=green 0=grey
Please see the attached layout for the final layout.
1. The head layout is exactly the same: logo, search.
2. Read json data.
3. The size of the cell can be automatically adjusted according to the size of the screen and the actual amount of data (serverlist). The goal is to fill the entire screen and avoid scroll bars.
4. Hover the mouse to display more information.
5. Add a switch at the bottom of the cell, a radio switch, similar to the switch key of ios. The style requirements are not high, similar to it. Click this switch to toggle the switch state and the cell state. Refer to the work=1 or 0 parameter. 1=green 0=grey