{"id":13789273,"url":"https://github.com/ajycc20/easy-css-layout","last_synced_at":"2025-05-12T05:32:06.978Z","repository":{"id":105997444,"uuid":"201652710","full_name":"ajycc20/easy-css-layout","owner":"ajycc20","description":"Easy css layout","archived":false,"fork":false,"pushed_at":"2021-06-03T07:20:29.000Z","size":265,"stargazers_count":134,"open_issues_count":0,"forks_count":14,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-11-18T03:36:55.384Z","etag":null,"topics":["button-animation","container","css3","loading","loading-animations","navbar-animation","pagination","searchbox"],"latest_commit_sha":null,"homepage":"https://ajycc20.github.io/easy-css-layout/index.html","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ajycc20.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-08-10T16:05:45.000Z","updated_at":"2024-10-26T15:06:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"55e4a86c-2896-4c08-9c3a-03c1aa69a83a","html_url":"https://github.com/ajycc20/easy-css-layout","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajycc20%2Feasy-css-layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajycc20%2Feasy-css-layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajycc20%2Feasy-css-layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajycc20%2Feasy-css-layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajycc20","download_url":"https://codeload.github.com/ajycc20/easy-css-layout/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253682522,"owners_count":21946954,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["button-animation","container","css3","loading","loading-animations","navbar-animation","pagination","searchbox"],"created_at":"2024-08-03T21:01:00.963Z","updated_at":"2025-05-12T05:32:06.290Z","avatar_url":"https://github.com/ajycc20.png","language":"HTML","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"easy-css-layout\n===============\n\n## Demo\n\n[View the Demo Page](https://ajycc20.github.io/easy-css-layout/index.html)\n\nForeword\n----------------\n\nJust for practice \u0026 backups\n\n\u003e About color setting of style, there're some problems here, but I don't want to modify them.\n\n\u003e If you want to practice by this demo\n\n* First you need to view the demo in the Demo column \u0026 Writedown your code by yourself\n* If you can't achieve these functions, you can view the source column\n\n----------------\n\n## [NavBar](https://github.com/ajycc20/easy-css-layout/tree/master/navbar)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|NavBar01|[navbar01](https://github.com/ajycc20/easy-css-layout/blob/master/navbar/navbar01.html)|[navBar01](https://ajycc20.github.io/easy-css-layout/navbar/navbar01.html)|![navBar01.gif](https://i.endpot.com/image/JJF62/navbar01.gif)|\n|NavBar02|[navbar02](https://github.com/ajycc20/easy-css-layout/blob/master/navbar/navbar02.html)|[navBar02](https://ajycc20.github.io/easy-css-layout/navbar/navbar02.html)|![navBar02.gif](https://i.endpot.com/image/JONPX/navbar02.gif)|\n|NavBar03|[navbar03](https://github.com/ajycc20/easy-css-layout/blob/master/navbar/navbar03.html)|[navBar03](https://ajycc20.github.io/easy-css-layout/navbar/navbar03.html)|![navBar03.gif](https://i.endpot.com/image/VEZ8B/navbar03.gif)|\n\n-------------------\n\n## [SearchBox](https://github.com/ajycc20/easy-css-layout/tree/master/searchbox)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Searchbox01|[searchbox01](https://github.com/ajycc20/easy-css-layout/blob/master/searchbox/searchbox01.html)|[searchBox01](https://ajycc20.github.io/easy-css-layout/searchbox/searchbox01.html)|![searchBox01.gif](https://i.endpot.com/image/GMAX1/searchbox01.gif)|\n|Searchbox02|[searchbox02](https://github.com/ajycc20/easy-css-layout/blob/master/searchbox/searchbox02.html)|[searchBox02](https://ajycc20.github.io/easy-css-layout/searchbox/searchbox02.html)|![searchBox02.gif](https://i.endpot.com/image/LZXAZ/searchbox02.gif)|\n|Searchbox03|[searchbox03](https://github.com/ajycc20/easy-css-layout/blob/master/searchbox/searchbox03.html)|[searchBox03](https://ajycc20.github.io/easy-css-layout/searchbox/searchbox03.html)|![searchBox03.gif](https://i.endpot.com/image/PWUV4/searchbox03.gif)|\n\n---------------------\n\n## [Button](https://github.com/ajycc20/easy-css-layout/tree/master/button)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Button01|[button01](https://github.com/ajycc20/easy-css-layout/blob/master/button/button01.html)|[button01](https://ajycc20.github.io/easy-css-layout/button/button01.html)|![button01.gif](https://i.endpot.com/image/GFPLC/button01.gif)|\n|Button02|[button02](https://github.com/ajycc20/easy-css-layout/blob/master/button/button02.html)|[button02](https://ajycc20.github.io/easy-css-layout/button/button02.html)|![button02.gif](https://i.endpot.com/image/XXVAZ/button02.gif)|\n|Button03|[button03](https://github.com/ajycc20/easy-css-layout/blob/master/button/button03.html)|[button03](https://ajycc20.github.io/easy-css-layout/button/button03.html)|![button03.gif](https://i.endpot.com/image/8B3NS/button03.gif)|\n|Button04|[button04](https://github.com/ajycc20/easy-css-layout/blob/master/button/button04.html)|[button04](https://ajycc20.github.io/easy-css-layout/button/button04.html)|![button04.gif](https://i.endpot.com/image/SSIAZ/button04.gif)|\n|Button05|[button05](https://github.com/ajycc20/easy-css-layout/blob/master/button/button05.html)|[button05](https://ajycc20.github.io/easy-css-layout/button/button05.html)|![button05.gif](https://i.endpot.com/image/CYX5P/button05.gif)|\n|Button06|[button06](https://github.com/ajycc20/easy-css-layout/blob/master/button/button06.html)|[button06](https://ajycc20.github.io/easy-css-layout/button/button06.html)|![button06.gif](https://i.endpot.com/image/FOYJ5/button06.gif)|\n|Button07|[button07](https://github.com/ajycc20/easy-css-layout/blob/master/button/button07.html)|[button07](https://ajycc20.github.io/easy-css-layout/button/button07.html)|![button07.gif](https://i.endpot.com/image/2CVNU/button07.gif)|\n|Button08|[button08](https://github.com/ajycc20/easy-css-layout/blob/master/button/button08.html)|[button08](https://ajycc20.github.io/easy-css-layout/button/button08.html)|![button08.gif](https://i.endpot.com/image/1WDAZ/button08.gif)|\n|Button09|[button09](https://github.com/ajycc20/easy-css-layout/blob/master/button/button09.html)|[button09](https://ajycc20.github.io/easy-css-layout/button/button09.html)|![button09.gif](https://i.endpot.com/image/SGHH9/button09.gif)|\n|Button10|[button10](https://github.com/ajycc20/easy-css-layout/blob/master/button/button10.html)|[button10](https://ajycc20.github.io/easy-css-layout/button/button10.html)|![button10.gif](https://i.endpot.com/image/Y1G1R/button10.gif)|\n|Button11|[button11](https://github.com/ajycc20/easy-css-layout/blob/master/button/button11.html)|[button11](https://ajycc20.github.io/easy-css-layout/button/button11.html)|![button11.gif](https://i.endpot.com/image/SF55K/button11.gif)|\n|Button12|[button12](https://github.com/ajycc20/easy-css-layout/blob/master/button/button12.html)|[button12](https://ajycc20.github.io/easy-css-layout/button/button12.html)|![button12.gif](https://i.endpot.com/image/ZLS6E/button12.gif)|\n|Button13|[button13](https://github.com/ajycc20/easy-css-layout/blob/master/button/button13.html)|[button13](https://ajycc20.github.io/easy-css-layout/button/button13.html)|![button13.gif](https://i.endpot.com/image/5UATY/button13.gif)|\n|Button14|[button14](https://github.com/ajycc20/easy-css-layout/blob/master/button/button14.html)|[button14](https://ajycc20.github.io/easy-css-layout/button/button14.html)|![button14.gif](https://i.endpot.com/image/3P2E0/button14.gif)|\n\n----------------------\n## [Pagination](https://github.com/ajycc20/easy-css-layout/tree/master/pagination)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Pagination01|[pagination01](https://github.com/ajycc20/easy-css-layout/blob/master/pagination/pagination01.html)|[pagination01](https://ajycc20.github.io/easy-css-layout/pagination/pagination01.html)|![pagination01.gif](https://i.endpot.com/image/PDMJR/pagination01.gif)|\n|Pagination02|[pagination02](https://github.com/ajycc20/easy-css-layout/blob/master/pagination/pagination02.html)|[pagination02](https://ajycc20.github.io/easy-css-layout/pagination/pagination02.html)|![pagination02.gif](https://i.endpot.com/image/VLNCQ/pagination02.gif)|\n|Pagination03|[pagination03](https://github.com/ajycc20/easy-css-layout/blob/master/pagination/pagination03.html)|[pagination03](https://ajycc20.github.io/easy-css-layout/pagination/pagination03.html)|![pagination03.gif](https://i.endpot.com/image/FJVPO/pagination03.gif)|\n|Pagination04|[pagination04](https://github.com/ajycc20/easy-css-layout/blob/master/pagination/pagination04.html)|[pagination04](https://ajycc20.github.io/easy-css-layout/pagination/pagination04.html)|![pagination04.gif](https://i.endpot.com/image/JBDGG/pagination04.gif)|\n\n----------------------\n\n## [Icon](https://github.com/ajycc20/easy-css-layout/tree/master/icon)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Arrow|[arrow](https://github.com/ajycc20/easy-css-layout/blob/master/icon/arrow.html)|[arrow](https://ajycc20.github.io/easy-css-layout/icon/arrow.html)|![arrow.jpg](https://i.endpot.com/image/JV2L2/arrow.jpg)|\n|Loading|[loading](https://github.com/ajycc20/easy-css-layout/blob/master/icon/loading.html)|[loading](https://ajycc20.github.io/easy-css-layout/icon/loading.html)|![loading.gif](https://i.endpot.com/image/ZNBNK/loading.gif)|\n|Star-five|[star-five](https://github.com/ajycc20/easy-css-layout/blob/master/icon/star-five.html)|[star-five](https://ajycc20.github.io/easy-css-layout/icon/star-five.html)|![star-five.jpg](https://i.endpot.com/image/FK98I/star-five.jpg)|\n|Download|[download](https://github.com/ajycc20/easy-css-layout/blob/master/icon/download.html)|[download](https://ajycc20.github.io/easy-css-layout/icon/download.html)|![download.jpg](https://i.endpot.com/image/W8OTE/download.jpg)|\n|Upload|[upload](https://github.com/ajycc20/easy-css-layout/blob/master/icon/upload.html)|[upload](https://ajycc20.github.io/easy-css-layout/icon/upload.html)|![upload.jpg](https://i.endpot.com/image/CQY2B/upload.jpg)|\n|Power|[power](https://github.com/ajycc20/easy-css-layout/blob/master/icon/power.html)|[power](https://ajycc20.github.io/easy-css-layout/icon/power.html)|![power.jpg](https://i.endpot.com/image/KQYDX/power.jpg)|\n|Search|[search](https://github.com/ajycc20/easy-css-layout/blob/master/icon/search.html)|[search](https://ajycc20.github.io/easy-css-layout/icon/search.html)|![search.jpg](https://i.endpot.com/image/BSZOK/search.jpg)|\n|Change|[change](https://github.com/ajycc20/easy-css-layout/blob/master/icon/change.html)|[change](https://ajycc20.github.io/easy-css-layout/icon/change.html)|![change.jpg](https://i.endpot.com/image/XI3J0/change.jpg)|\n|Change02|[change02](https://github.com/ajycc20/easy-css-layout/blob/master/icon/change02.html)|[change02](https://ajycc20.github.io/easy-css-layout/icon/change02.html)|![change02.jpg](https://i.endpot.com/image/RKUVZ/change02.jpg)|\n|Scan|[scan](https://github.com/ajycc20/easy-css-layout/blob/master/icon/scan.html)|[scan](https://ajycc20.github.io/easy-css-layout/icon/scan.html)|![scan.jpg](https://i.endpot.com/image/DTOV4/scan.jpg)|\n|Scan02|[scan02](https://github.com/ajycc20/easy-css-layout/blob/master/icon/scan02.html)|[scan02](https://ajycc20.github.io/easy-css-layout/icon/scan02.html)|![scan02.jpg](https://i.endpot.com/image/53BTH/scan02.jpg)|\n|Code|[code](https://github.com/ajycc20/easy-css-layout/blob/master/icon/code.html)|[code](https://ajycc20.github.io/easy-css-layout/icon/code.html)|![code.jpg](https://i.endpot.com/image/IRTPP/code.jpg)|\n|Moon-dark|[moon-dark](https://github.com/ajycc20/easy-css-layout/blob/master/icon/moon-dark.html)|[moon-dark](https://ajycc20.github.io/easy-css-layout/icon/moon-dark.html)|![moon-dark.jpg](https://i.endpot.com/image/8U4QT/moon-dark.jpg)|\n|Moon-light|[moon-light](https://github.com/ajycc20/easy-css-layout/blob/master/icon/moon-light.html)|[moon-light](https://ajycc20.github.io/easy-css-layout/icon/moon-light.html)|![moon-light.jpg](https://i.endpot.com/image/2UOPN/moon-light.jpg)|\n|Wifi|[wifi](https://github.com/ajycc20/easy-css-layout/blob/master/icon/wifi.html)|[wifi](https://ajycc20.github.io/easy-css-layout/icon/wifi.html)|![wifi.jpg](https://i.endpot.com/image/QA50U/wifi.jpg)|\n|Link|[link](https://github.com/ajycc20/easy-css-layout/blob/master/icon/link.html)|[link](https://ajycc20.github.io/easy-css-layout/icon/link.html)|![link.jpg](https://i.endpot.com/image/IXOX7/link.jpg)|\n|Star-Six|[star-six](https://github.com/ajycc20/easy-css-layout/blob/master/icon/star-six.html)|[star-six](https://ajycc20.github.io/easy-css-layout/icon/star-six.html)|![star-six.jpg](https://i.endpot.com/image/D9WWT/star-six.jpg)|\n|Question-Mark|[question-mark](https://github.com/ajycc20/easy-css-layout/blob/master/icon/question-mark.html)|[question-mark](https://ajycc20.github.io/easy-css-layout/icon/question-mark.html)|![question-mark.jpg](https://i.endpot.com/image/BTU9V/question-mark.jpg)|\n|BlueTooth|[bluetooth](https://github.com/ajycc20/easy-css-layout/blob/master/icon/bluetooth.html)|[bluetooth](https://ajycc20.github.io/easy-css-layout/icon/bluetooth.html)|![bluetooth.jpg](https://i.endpot.com/image/CFAL0/bluetooth.jpg)|\n|Cloud|[cloud](https://github.com/ajycc20/easy-css-layout/blob/master/icon/cloud.html)|[cloud](https://ajycc20.github.io/easy-css-layout/icon/cloud.html)|![cloud.jpg](https://i.endpot.com/image/BJM6E/cloud.jpg)|\n|Exit|[exit](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/exit.html)|[exit](https://ajycc20.github.io/easy-css-layout/unclassified/exit.html)|![exit.gif](https://i.endpot.com/image/KKCXU/exit.gif)|\n\n----------------------\n\n## [Loading](https://github.com/ajycc20/easy-css-layout/tree/master/loading)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Loading01|[loading01](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading01.html)|[loading01](https://ajycc20.github.io/easy-css-layout/loading/loading01.html)|![loading01.gif](https://i.endpot.com/image/RDZSW/loading01.gif)|\n|Loading02|[loading02](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading02.html)|[loading02](https://ajycc20.github.io/easy-css-layout/loading/loading02.html)|![loading02.gif](https://i.endpot.com/image/B6WEF/loading02.gif)|\n|Loading03|[loading03](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading03.html)|[loading03](https://ajycc20.github.io/easy-css-layout/loading/loading03.html)|![loading03.gif](https://i.endpot.com/image/CWP71/loading03.gif)|\n|Loading04|[loading04](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading04.html)|[loading04](https://ajycc20.github.io/easy-css-layout/loading/loading04.html)|![loading04.gif](https://i.endpot.com/image/XUMGS/loading04.gif)|\n|Loading05|[loading05](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading05.html)|[loading05](https://ajycc20.github.io/easy-css-layout/loading/loading05.html)|![loading05.gif](https://i.endpot.com/image/ZOM9M/loading05.gif)|\n|Loading06|[loading06](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading06.html)|[loading06](https://ajycc20.github.io/easy-css-layout/loading/loading06.html)|![loading06.gif](https://i.endpot.com/image/LSPW9/loading06.gif)|\n|Loading07|[loading07](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading07.html)|[loading07](https://ajycc20.github.io/easy-css-layout/loading/loading07.html)|![loading07.gif](https://i.endpot.com/image/VXC4C/loading07.gif)|\n|Loading08|[loading08](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading08.html)|[loading08](https://ajycc20.github.io/easy-css-layout/loading/loading08.html)|![loading08.gif](https://i.endpot.com/image/JFVSY/loading08.gif)|\n|Loading09|[loading09](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading09.html)|[loading09](https://ajycc20.github.io/easy-css-layout/loading/loading09.html)|![loading09.gif](https://i.endpot.com/image/LQVSD/loading09.gif)|\n|Loading10|[loading10](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading10.html)|[loading10](https://ajycc20.github.io/easy-css-layout/loading/loading10.html)|![loading10.gif](https://i.endpot.com/image/GWLVX/loading10.gif)|\n|Loading11|[loading11](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading11.html)|[loading11](https://ajycc20.github.io/easy-css-layout/loading/loading11.html)|![loading11.gif](https://i.endpot.com/image/5KVVK/loading11.gif)|\n|Loading12|[loading12](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading12.html)|[loading12](https://ajycc20.github.io/easy-css-layout/loading/loading12.html)|![loading12.gif](https://i.endpot.com/image/VCDLN/loading12.gif)|\n|Loading13|[loading13](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading13.html)|[loading13](https://ajycc20.github.io/easy-css-layout/loading/loading13.html)|![loading13.gif](https://i.endpot.com/image/ARVQA/loading13.gif)|\n|Loading14|[loading14](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading14.html)|[loading14](https://ajycc20.github.io/easy-css-layout/loading/loading14.html)|![loading14.gif](https://i.endpot.com/image/7XKHN/loading14.gif)|\n|Loading15|[loading15](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading15.html)|[loading15](https://ajycc20.github.io/easy-css-layout/loading/loading15.html)|![loading15.gif](https://i.endpot.com/image/9N7C9/loading15.gif)|\n|Loading16|[loading16](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading15.html)|[loading16](https://ajycc20.github.io/easy-css-layout/loading/loading16.html)|![loading16.gif](https://i.endpot.com/image/KCAVA/loading16.gif)|\n|Loading17|[loading17](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading17.html)|[loading17](https://ajycc20.github.io/easy-css-layout/loading/loading17.html)|![loading17.gif](https://i.endpot.com/image/D8LM7/loading17.gif)|\n|Loading18|[loading18](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading18.html)|[loading18](https://ajycc20.github.io/easy-css-layout/loading/loading18.html)|![loading18.gif](https://i.endpot.com/image/UBFKB/loading18.gif)|\n|Loading19|[loading19](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading19.html)|[loading19](https://ajycc20.github.io/easy-css-layout/loading/loading19.html)|![loading19.gif](https://i.endpot.com/image/S3OCM/loading19.gif)|\n|Loading20|[loading20](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading20.html)|[loading20](https://ajycc20.github.io/easy-css-layout/loading/loading20.html)|![loading20.gif](https://i.endpot.com/image/BIZ5D/loading20.gif)|\n|Loading21|[loading21](https://github.com/ajycc20/easy-css-layout/blob/master/loading/loading21.html)|[loading21](https://ajycc20.github.io/easy-css-layout/loading/loading21.html)|![loading21.gif](https://i.endpot.com/image/87OKY/loading21.gif)|\n\n----------------------\n\n## [Switch](https://github.com/ajycc20/easy-css-layout/tree/master/switch)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Switch01|[switch01](https://github.com/ajycc20/easy-css-layout/blob/master/switch/switch01.html)|[switch01](https://ajycc20.github.io/easy-css-layout/switch/switch01.html)|![switch01.gif](https://i.endpot.com/image/GTBJS/switch01.gif)|\n|Switch02|[switch02](https://github.com/ajycc20/easy-css-layout/blob/master/switch/switch02.html)|[switch02](https://ajycc20.github.io/easy-css-layout/switch/switch02.html)|![switch02.gif](https://i.endpot.com/image/EZ225/switch02.gif)|\n|Switch03|[switch03](https://github.com/ajycc20/easy-css-layout/blob/master/switch/switch03.html)|[switch03](https://ajycc20.github.io/easy-css-layout/switch/switch03.html)|![switch03.gif](https://i.endpot.com/image/AWLUS/switch03.gif)|\n|Switch04|[switch04](https://github.com/ajycc20/easy-css-layout/blob/master/switch/switch04.html)|[switch04](https://ajycc20.github.io/easy-css-layout/switch/switch04.html)|![switch04.gif](https://i.endpot.com/image/JKPTV/switch04.gif)|\n|Switch05|[switch05](https://github.com/ajycc20/easy-css-layout/blob/master/switch/switch05.html)|[switch05](https://ajycc20.github.io/easy-css-layout/switch/switch05.html)|![switch05.gif](https://i.endpot.com/image/OVBD0/switch05.gif)|\n\n----------------------\n\n## [Checkbox](https://github.com/ajycc20/easy-css-layout/tree/master/checkbox)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Checkbox01|[checkbox01](https://github.com/ajycc20/easy-css-layout/blob/master/checkbox/checkbox01.html)|[checkbox01](https://ajycc20.github.io/easy-css-layout/checkbox/checkbox01.html)|![checkbox01.gif](https://i.endpot.com/image/VTODR/checkbox01.gif)|\n|Checkbox02|[checkbox02](https://github.com/ajycc20/easy-css-layout/blob/master/checkbox/checkbox02.html)|[checkbox02](https://ajycc20.github.io/easy-css-layout/checkbox/checkbox02.html)|![checkbox02.gif](https://i.endpot.com/image/23MOV/checkbox02.gif)|\n|Checkbox03|[checkbox03](https://github.com/ajycc20/easy-css-layout/blob/master/checkbox/checkbox03.html)|[checkbox03](https://ajycc20.github.io/easy-css-layout/checkbox/checkbox03.html)|![checkbox03.gif](https://i.endpot.com/image/GCT44/checkbox03.gif)|\n\n----------------------\n\n## [Input](https://github.com/ajycc20/easy-css-layout/tree/master/input)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Input01|[input01](https://github.com/ajycc20/easy-css-layout/blob/master/input/input01.html)|[input01](https://ajycc20.github.io/easy-css-layout/input/input01.html)|![input01.gif](https://i.endpot.com/image/Y61QU/input01.gif)|\n\n----------------------\n\n## [Container](https://github.com/ajycc20/easy-css-layout/tree/master/container)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Container01|[container01](https://github.com/ajycc20/easy-css-layout/blob/master/container/container01.html)|[container01](https://ajycc20.github.io/easy-css-layout/container/container01.html)|![container01.jpg](https://i.endpot.com/image/SGZQ9/container01.jpg)|\n|Container02|[container02](https://github.com/ajycc20/easy-css-layout/blob/master/container/container02.html)|[container02](https://ajycc20.github.io/easy-css-layout/container/container02.html)|![container02.jpg](https://i.endpot.com/image/JXRUF/container02.jpg)|\n|Container03|[container03](https://github.com/ajycc20/easy-css-layout/blob/master/container/container03.html)|[container03](https://ajycc20.github.io/easy-css-layout/container/container03.html)|![container03.jpg](https://i.endpot.com/image/V4QN4/container03.jpg)|\n|Container04|[container04](https://github.com/ajycc20/easy-css-layout/blob/master/container/container04.html)|[container04](https://ajycc20.github.io/easy-css-layout/container/container04.html)|![container04.jpg](https://i.endpot.com/image/EASHI/container04.jpg)|\n|Container05|[container05](https://github.com/ajycc20/easy-css-layout/blob/master/container/container05.html)|[container05](https://ajycc20.github.io/easy-css-layout/container/container05.html)|![container05.jpg](https://i.endpot.com/image/WLNGH/container05.jpg)|\n|Container06|[container06](https://github.com/ajycc20/easy-css-layout/blob/master/container/container06.html)|[container06](https://ajycc20.github.io/easy-css-layout/container/container06.html)|![container06.jpg](https://i.endpot.com/image/VL3TT/container06.jpg)|\n|Container07|[container07](https://github.com/ajycc20/easy-css-layout/blob/master/container/container07.html)|[container07](https://ajycc20.github.io/easy-css-layout/container/container07.html)|![container07.jpg](https://i.endpot.com/image/UNYIX/container07.jpg)|\n\n----------------------\n\n## [Card](https://github.com/ajycc20/easy-css-layout/tree/master/card)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Card|[card01](https://github.com/ajycc20/easy-css-layout/blob/master/card/card01.html)|[card01](https://ajycc20.github.io/easy-css-layout/card/card01.html)|![card01.gif](https://i.endpot.com/image/QCWIP/card01.gif)|\n\n----------------------\n\n## [Unclassified](https://github.com/ajycc20/easy-css-layout/tree/master/unclassified)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Cube|[cube](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/cube.html)|[cube](https://ajycc20.github.io/easy-css-layout/unclassified/cube.html)|![cube.jpg](https://i.endpot.com/image/NW3WO/cube.jpg)|\n|LetterA-D|[letterA-D](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterA-D.html)|[letterA-D](https://ajycc20.github.io/easy-css-layout/unclassified/letterA-D.html)|![letterA-D.jpg](https://i.endpot.com/image/RINJI/letterA-D.jpg)|\n|LetterE-H|[letterE-H](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterE-H.html)|[letterE-H](https://ajycc20.github.io/easy-css-layout/unclassified/letterE-H.html)|![letterE-H.jpg](https://i.endpot.com/image/LNRLO/letterE-H.jpg)|\n|LetterI-L|[letterI-L](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterI-L.html)|[letterI-L](https://ajycc20.github.io/easy-css-layout/unclassified/letterI-L.html)|![letterI-L.jpg](https://i.endpot.com/image/3ZBA6/letterI-L.jpg)|\n|LetterM-P|[letterM-P](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterM-P.html)|[letterM-P](https://ajycc20.github.io/easy-css-layout/unclassified/letterM-P.html)|![letterM-P.jpg](https://i.endpot.com/image/4LATF/letterM-P.jpg)|\n|LetterQ-T|[letterQ-T](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterQ-T.html)|[letterQ-T](https://ajycc20.github.io/easy-css-layout/unclassified/letterQ-T.html)|![letterQ-T.jpg](https://i.endpot.com/image/YDGXU/letterQ-T.jpg)|\n|LetterU-X|[letterU-X](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterU-X.html)|[letterU-X](https://ajycc20.github.io/easy-css-layout/unclassified/letterU-X.html)|![letterU-X.jpg](https://i.endpot.com/image/WTPYN/letterU-X.jpg)|\n|LetterY-Z|[letterY-Z](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/letterY-Z.html)|[letterY-Z](https://ajycc20.github.io/easy-css-layout/unclassified/letterY-Z.html)|![letterY-Z.jpg](https://i.endpot.com/image/6GJSC/letterY-Z.jpg)|\n|Concentric-circles|[concentric-circles](https://github.com/ajycc20/easy-css-layout/blob/master/unclassified/concentric-circles.html)|[concentric-circles](https://ajycc20.github.io/easy-css-layout/unclassified/concentric-circles.html)|![concentric-circles.jpg](https://i.endpot.com/image/66GUF/concentric-circles.jpg)|\n\n----------------------\n\n## [List](https://github.com/ajycc20/easy-css-layout/tree/master/list)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|List01|[list01](https://github.com/ajycc20/easy-css-layout/blob/master/list/list01.html)|[list01](https://ajycc20.github.io/easy-css-layout/list/list01.html)|![list01.jpg](https://i.endpot.com/image/FI60B/list01.jpg)|\n|List02|[list02](https://github.com/ajycc20/easy-css-layout/blob/master/list/list02.html)|[list02](https://ajycc20.github.io/easy-css-layout/list/list02.html)|![list02.gif](https://i.endpot.com/image/BGNIG/list02.gif)|\n|List03|[list03](https://github.com/ajycc20/easy-css-layout/blob/master/list/list03.html)|[list03](https://ajycc20.github.io/easy-css-layout/list/list03.html)|![list03.gif](https://i.endpot.com/image/6EBN9/list03.gif)|\n\n----------------------\n\n## [Progress](https://github.com/ajycc20/easy-css-layout/tree/master/progress)\n\n|Name|Source|Demo|Preview|\n|:---:|:---:|:---:|:---:|\n|Progress01|[progress01](https://github.com/ajycc20/easy-css-layout/blob/master/progress/progress01.html)|[progress01](https://ajycc20.github.io/easy-css-layout/progress/progress01.html)|![progress01.gif](https://i.endpot.com/image/MPFEG/progress01.gif)|\n|Progress02|[progress02](https://github.com/ajycc20/easy-css-layout/blob/master/progress/progress02.html)|[progress02](https://ajycc20.github.io/easy-css-layout/progress/progress02.html)|![progress02.gif](https://i.endpot.com/image/TCP0E/progress02.gif)|\n|Progress03|[progress03](https://github.com/ajycc20/easy-css-layout/blob/master/progress/progress03.html)|[progress03](https://ajycc20.github.io/easy-css-layout/progress/progress03.html)|![progress03.gif](https://i.endpot.com/image/XRU9I/progress03.gif)|\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajycc20%2Feasy-css-layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajycc20%2Feasy-css-layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajycc20%2Feasy-css-layout/lists"}