├── .editorconfig ├── .github ├── CONTRIBUTING.md ├── ISSUE_TEMPLATE.md └── PULL_REQUEST_TEMPLATE.md ├── Assets ├── Armenia.png ├── Austria.png ├── Awesome Dots.gif ├── Bahamas.png ├── Bangladesh.png ├── Battery.gif ├── Belgium.png ├── Bouncing Ball.gif ├── Box Loader.gif ├── BoxBreathing.gif ├── Brazil.png ├── Bulgaria.png ├── Cameroon.png ├── Canada.png ├── Clock.gif ├── Colombia.png ├── CzechRepublic.png ├── Denmark.png ├── Dot Loader.gif ├── England.png ├── Fill up.gif ├── Finland.png ├── France.png ├── Germany.png ├── Greece.png ├── Hamburger.png ├── Hungary.png ├── India.png ├── Indonesia.png ├── Ireland.png ├── Iron Factory.gif ├── Israel.png ├── Italy.png ├── IvoryCoast.png ├── Japan.png ├── Laos.png ├── Latvia.png ├── Lithuania.png ├── Magnifying Glass.png ├── Melting Ice Cream.gif ├── Netherlands.png ├── Nigeria.png ├── Pakistan.png ├── Play Loader.gif ├── Poland.png ├── PuertoRico.png ├── Revolving Circles.gif ├── Revolving Dots.gif ├── Ripple Effect.gif ├── Russia.png ├── Senegal.png ├── SierraLeone.png ├── Simple Spinner.gif ├── Simple Text Loader.gif ├── South Africa.png ├── Suriname.png ├── Sweden.png ├── Switzerland.png ├── Syria.png ├── Taiwan.png ├── Texas.png ├── Thailand.png ├── Turkey.png ├── UK.png ├── USA.png ├── Yemen.png ├── chile.PNG └── instagram.jpg ├── Designs ├── Battery.html ├── Hamburger.html ├── Instagram New Logo.html └── Magnifying Glass.html ├── Flags ├── Armenia.html ├── Austria.html ├── Bahamas.html ├── Bangladesh.html ├── Belgium.html ├── Brazil.html ├── Bulgaria.html ├── Cameroon.html ├── Canada.html ├── Colombia.html ├── CzechRepublic.html ├── Denmark.html ├── England.html ├── Finland.html ├── France.html ├── Germany.html ├── Greece.html ├── Hungary.html ├── India.html ├── Indonesia.html ├── Ireland.html ├── Israel.html ├── Italy.html ├── IvoryCoast.html ├── Japan.html ├── Laos.html ├── Latvia.html ├── Lithuania.html ├── Netherlands.html ├── Nigeria.html ├── Poland.html ├── PuertoRico.html ├── Russia.html ├── Senegal.html ├── SierraLeone.html ├── South Africa.html ├── Sweden.html ├── Switzerland.html ├── Syria.html ├── Taiwan.html ├── Texas.html ├── Thailand.html ├── Turkey.html ├── UK.html ├── USA.html ├── Yemen.html ├── chile.html ├── pakistan.html └── suriname.html ├── LICENSE ├── Loaders ├── Awesome Dots.html ├── Bouncing Ball.html ├── Box Loader.html ├── Clock.html ├── Dot Loader.html ├── Fill up.html ├── Iron Factory.html ├── Melting Ice Cream.html ├── Play Loader.html ├── Revolving Circles.html ├── Revolving Dots.html ├── Ripple Effect.html ├── Simple Spinner.html └── Simple Text Loader.html ├── README.md └── Tools └── BoxBreathing.html /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | end_of_line = lf 5 | insert_final_newline = true 6 | 7 | [*.html] 8 | indent_style = space 9 | indent_size = 2 10 | -------------------------------------------------------------------------------- /.github/CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution Guidelines 2 | 3 | 1. Please contribute **what you code** and not **someone else's**. 4 | 2. Only **use of 1 div tag is allowed**. 5 | 3. **Please check** whether another person has sent the **pull request** for same idea/issue before creating one. 6 | 4. No JavaScript allowed. 7 | 5. No **SVG / Images** allowed. 8 | 6. Open a pull request explaining what that code does with a screenshot. 9 | 7. Please **update README.md** with your **"Project name"**, **"Your Name/Handle"** with link to your Github profile and **image/gif** of your div element in **alphabetical order**. 10 | 8. If you're adding a new section, please create a new table for it and update it like other tables already created. 11 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | ## Description 13 | 14 | 15 | ### System settings 16 | 17 | - Browser Used: 18 | 19 | ### Error 20 | 21 | 22 | ### Expected behaviour 23 | 24 | 25 | ## Steps to recreate 26 | 27 | 28 | ## People to notify 29 | 30 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 8 | 9 | ## Description of new feature, or changes 10 | 11 | 12 | ## Checklist 13 | 14 | - [ ] Your branch is up-to-date with the base branch 15 | - [ ] You've read the [Contributions](https://github.com/manrajgrover/SingleDivProject/blob/master/.github/CONTRIBUTING.md) guidelines. 16 | 17 | ## Related Issues and Discussions 18 | 19 | 20 | 21 | ## People to notify 22 | 23 | -------------------------------------------------------------------------------- /Assets/Armenia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Armenia.png -------------------------------------------------------------------------------- /Assets/Austria.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Austria.png -------------------------------------------------------------------------------- /Assets/Awesome Dots.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Awesome Dots.gif -------------------------------------------------------------------------------- /Assets/Bahamas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Bahamas.png -------------------------------------------------------------------------------- /Assets/Bangladesh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Bangladesh.png -------------------------------------------------------------------------------- /Assets/Battery.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Battery.gif -------------------------------------------------------------------------------- /Assets/Belgium.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Belgium.png -------------------------------------------------------------------------------- /Assets/Bouncing Ball.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Bouncing Ball.gif -------------------------------------------------------------------------------- /Assets/Box Loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Box Loader.gif -------------------------------------------------------------------------------- /Assets/BoxBreathing.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/BoxBreathing.gif -------------------------------------------------------------------------------- /Assets/Brazil.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Brazil.png -------------------------------------------------------------------------------- /Assets/Bulgaria.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Bulgaria.png -------------------------------------------------------------------------------- /Assets/Cameroon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Cameroon.png -------------------------------------------------------------------------------- /Assets/Canada.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Canada.png -------------------------------------------------------------------------------- /Assets/Clock.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Clock.gif -------------------------------------------------------------------------------- /Assets/Colombia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Colombia.png -------------------------------------------------------------------------------- /Assets/CzechRepublic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/CzechRepublic.png -------------------------------------------------------------------------------- /Assets/Denmark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Denmark.png -------------------------------------------------------------------------------- /Assets/Dot Loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Dot Loader.gif -------------------------------------------------------------------------------- /Assets/England.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/England.png -------------------------------------------------------------------------------- /Assets/Fill up.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Fill up.gif -------------------------------------------------------------------------------- /Assets/Finland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Finland.png -------------------------------------------------------------------------------- /Assets/France.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/France.png -------------------------------------------------------------------------------- /Assets/Germany.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Germany.png -------------------------------------------------------------------------------- /Assets/Greece.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Greece.png -------------------------------------------------------------------------------- /Assets/Hamburger.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Hamburger.png -------------------------------------------------------------------------------- /Assets/Hungary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Hungary.png -------------------------------------------------------------------------------- /Assets/India.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/India.png -------------------------------------------------------------------------------- /Assets/Indonesia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Indonesia.png -------------------------------------------------------------------------------- /Assets/Ireland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Ireland.png -------------------------------------------------------------------------------- /Assets/Iron Factory.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Iron Factory.gif -------------------------------------------------------------------------------- /Assets/Israel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Israel.png -------------------------------------------------------------------------------- /Assets/Italy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Italy.png -------------------------------------------------------------------------------- /Assets/IvoryCoast.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/IvoryCoast.png -------------------------------------------------------------------------------- /Assets/Japan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Japan.png -------------------------------------------------------------------------------- /Assets/Laos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Laos.png -------------------------------------------------------------------------------- /Assets/Latvia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Latvia.png -------------------------------------------------------------------------------- /Assets/Lithuania.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Lithuania.png -------------------------------------------------------------------------------- /Assets/Magnifying Glass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Magnifying Glass.png -------------------------------------------------------------------------------- /Assets/Melting Ice Cream.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Melting Ice Cream.gif -------------------------------------------------------------------------------- /Assets/Netherlands.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Netherlands.png -------------------------------------------------------------------------------- /Assets/Nigeria.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Nigeria.png -------------------------------------------------------------------------------- /Assets/Pakistan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Pakistan.png -------------------------------------------------------------------------------- /Assets/Play Loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Play Loader.gif -------------------------------------------------------------------------------- /Assets/Poland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Poland.png -------------------------------------------------------------------------------- /Assets/PuertoRico.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/PuertoRico.png -------------------------------------------------------------------------------- /Assets/Revolving Circles.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Revolving Circles.gif -------------------------------------------------------------------------------- /Assets/Revolving Dots.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Revolving Dots.gif -------------------------------------------------------------------------------- /Assets/Ripple Effect.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Ripple Effect.gif -------------------------------------------------------------------------------- /Assets/Russia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Russia.png -------------------------------------------------------------------------------- /Assets/Senegal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Senegal.png -------------------------------------------------------------------------------- /Assets/SierraLeone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/SierraLeone.png -------------------------------------------------------------------------------- /Assets/Simple Spinner.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Simple Spinner.gif -------------------------------------------------------------------------------- /Assets/Simple Text Loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Simple Text Loader.gif -------------------------------------------------------------------------------- /Assets/South Africa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/South Africa.png -------------------------------------------------------------------------------- /Assets/Suriname.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Suriname.png -------------------------------------------------------------------------------- /Assets/Sweden.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Sweden.png -------------------------------------------------------------------------------- /Assets/Switzerland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Switzerland.png -------------------------------------------------------------------------------- /Assets/Syria.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Syria.png -------------------------------------------------------------------------------- /Assets/Taiwan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Taiwan.png -------------------------------------------------------------------------------- /Assets/Texas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Texas.png -------------------------------------------------------------------------------- /Assets/Thailand.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Thailand.png -------------------------------------------------------------------------------- /Assets/Turkey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Turkey.png -------------------------------------------------------------------------------- /Assets/UK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/UK.png -------------------------------------------------------------------------------- /Assets/USA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/USA.png -------------------------------------------------------------------------------- /Assets/Yemen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/Yemen.png -------------------------------------------------------------------------------- /Assets/chile.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/chile.PNG -------------------------------------------------------------------------------- /Assets/instagram.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/manrajgrover/SingleDivProject/ab22d80c2b0b7bf12e30d02287319932af7e5bc6/Assets/instagram.jpg -------------------------------------------------------------------------------- /Designs/Battery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Battery | Designs 5 | 60 | 61 | 62 |
63 | 64 | -------------------------------------------------------------------------------- /Designs/Hamburger.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hamburger | Designs 5 | 36 | 37 | 38 |
39 | 40 | 41 | -------------------------------------------------------------------------------- /Designs/Instagram New Logo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Instagram New Logo | Designs 4 | 60 | 61 | 62 |
63 | 64 | 65 | -------------------------------------------------------------------------------- /Designs/Magnifying Glass.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Magnifying Glass | Designs 6 | 35 | 36 | 37 | 38 |
39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /Flags/Armenia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Armenia | Flags 5 | 14 | 15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /Flags/Austria.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Austria | Flags 5 | 13 | 14 | 15 |
16 | 17 | -------------------------------------------------------------------------------- /Flags/Bahamas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bahamas | Flags 5 | 28 | 29 | 30 |
31 | 32 | -------------------------------------------------------------------------------- /Flags/Bangladesh.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bangladesh | Flags 5 | 13 | 14 | 15 |
16 | 17 | -------------------------------------------------------------------------------- /Flags/Belgium.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Belgium | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/Brazil.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Brazil | Flags 5 | 104 | 105 | 106 |
107 | 108 | 109 | -------------------------------------------------------------------------------- /Flags/Bulgaria.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulgaria | Flags 5 | 14 | 15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /Flags/Cameroon.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Cameroon | Flags 5 | 41 | 42 | 43 |
44 | 45 | -------------------------------------------------------------------------------- /Flags/Canada.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Canada | Flags 5 | 29 | 30 | 31 |
32 | 33 | -------------------------------------------------------------------------------- /Flags/Colombia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Colombia | Flags 5 | 12 | 13 | 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Flags/CzechRepublic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Czech Repucblic | Flags 5 | 14 | 15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /Flags/Denmark.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Denmark | Flags 5 | 32 | 33 | 34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /Flags/England.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | England | Flags 5 | 27 | 28 | 29 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /Flags/Finland.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Finland | Flags 5 | 32 | 33 | 34 |
35 | 36 | -------------------------------------------------------------------------------- /Flags/France.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | France | Flags 5 | 13 | 14 | 15 |
16 | 17 | -------------------------------------------------------------------------------- /Flags/Germany.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Germany | Flags 5 | 14 | 15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /Flags/Greece.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Greece | Flags 5 | 36 | 37 | 38 |
39 | 40 | 41 | -------------------------------------------------------------------------------- /Flags/Hungary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hungary | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/India.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | India | Flags 5 | 27 | 28 | 29 |
30 | 31 | -------------------------------------------------------------------------------- /Flags/Indonesia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Indonesia | Flags 5 | 20 | 21 | 22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /Flags/Ireland.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Ireland | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/Israel.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Israel | Flags 5 | 21 | 22 | 23 |
24 | 25 | -------------------------------------------------------------------------------- /Flags/Italy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Italy | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/IvoryCoast.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Ivory Coast | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/Japan.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Japan | Flags 5 | 13 | 14 | 15 |
16 | 17 | -------------------------------------------------------------------------------- /Flags/Laos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Laos | Flags 5 | 36 | 37 | 38 |
39 | 40 | 41 | -------------------------------------------------------------------------------- /Flags/Latvia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Latvia | Flags 5 | 15 | 16 | 17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Flags/Lithuania.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Lithuania | Flags 5 | 15 | 16 | 17 |
18 | 19 | -------------------------------------------------------------------------------- /Flags/Netherlands.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | The Netherlands | Flags 5 | 15 | 16 | 17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Flags/Nigeria.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Nigeria | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/Poland.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Poland | Flags 5 | 13 | 14 | 15 |
16 | 17 | -------------------------------------------------------------------------------- /Flags/PuertoRico.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | Puerto Rico | Flags 5 | 6 | 46 | 47 | 48 |
49 | 50 | 51 | -------------------------------------------------------------------------------- /Flags/Russia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Russia | Flags 5 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Flags/Senegal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | senegal | Flags 5 | 6 | 26 | 27 | 28 |
29 | 30 | -------------------------------------------------------------------------------- /Flags/SierraLeone.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Sierra Leone | Flags 5 | 13 | 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Flags/South Africa.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | South Africa | Flags 5 | 49 | 50 | 51 |
52 |
53 | 54 | 55 | -------------------------------------------------------------------------------- /Flags/Sweden.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Sweden | Flags 5 | 32 | 33 | 34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /Flags/Switzerland.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Switzerland | Flags 5 | 24 | 25 | 26 |
27 | 28 | -------------------------------------------------------------------------------- /Flags/Syria.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Syria | Flags 5 | 6 | 27 | 28 | 29 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /Flags/Taiwan.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Taiwan | Flags 5 | 6 | 43 | 44 | 45 |
46 | 47 | 48 | -------------------------------------------------------------------------------- /Flags/Texas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Texas | Flags 5 | 6 | 42 | 43 | -------------------------------------------------------------------------------- /Flags/Thailand.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Thailand | Flags 5 | 34 | 35 | 36 |
37 | 38 | -------------------------------------------------------------------------------- /Flags/Turkey.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | Turkey | Flags 5 | 32 | 33 | 34 |
35 | 36 | -------------------------------------------------------------------------------- /Flags/UK.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | United Kingdom | Flags 5 | 70 | 71 | 72 |
73 | 74 | 75 | -------------------------------------------------------------------------------- /Flags/USA.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | United States of America | Flags 5 | 6 | 51 | 52 | 53 |
54 | 55 | 56 | -------------------------------------------------------------------------------- /Flags/Yemen.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Yemen | Flags 5 | 15 | 16 | 17 |
18 | 19 | -------------------------------------------------------------------------------- /Flags/chile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Chile | Flags 5 | 6 | 43 | 44 | 45 | 46 |
47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /Flags/pakistan.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Pakistan | Flags 5 | 39 | 40 | 41 |
42 | 43 | 44 | -------------------------------------------------------------------------------- /Flags/suriname.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Suriname | Flags 5 | 26 | 27 | 28 |
29 | 30 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Manraj Singh 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Loaders/Awesome Dots.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Awesome Dots | Loaders 4 | 42 | 43 | 44 |
45 | 46 | -------------------------------------------------------------------------------- /Loaders/Bouncing Ball.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Bouncing Ball | Loaders 4 | 50 | 51 | 52 |
53 | 54 | 55 | -------------------------------------------------------------------------------- /Loaders/Box Loader.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Box Loader | Loaders 5 | 6 | 91 | 92 | 93 |
94 | 95 | -------------------------------------------------------------------------------- /Loaders/Clock.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Clock | Loaders 4 | 60 | 61 | 62 |
63 | 64 | 65 | -------------------------------------------------------------------------------- /Loaders/Dot Loader.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Dot Loader | Loaders 4 | 89 | 90 | 91 |
92 | 93 | -------------------------------------------------------------------------------- /Loaders/Fill up.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Fill up | Loaders 4 | 51 | 52 | 53 |
54 | 55 | -------------------------------------------------------------------------------- /Loaders/Iron Factory.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Awesome Dots | Loaders 5 | 87 | 88 | 89 | 90 |
91 | 92 | 93 | -------------------------------------------------------------------------------- /Loaders/Melting Ice Cream.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Melting Ice Cream | Loader 8 | 67 | 68 | 69 |
70 | 71 | -------------------------------------------------------------------------------- /Loaders/Play Loader.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Play Loader | Loaders 4 | 58 | 59 | 60 |
61 | 62 | -------------------------------------------------------------------------------- /Loaders/Revolving Circles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Revolving Circles | Loaders 4 | 54 | 55 | 56 |
57 | 58 | -------------------------------------------------------------------------------- /Loaders/Revolving Dots.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Revolving Dots | Loaders 4 | 49 | 50 | 51 |
52 | 53 | -------------------------------------------------------------------------------- /Loaders/Ripple Effect.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Ripple Effect | Loaders 4 | 63 | 64 | 65 |
66 | 67 | -------------------------------------------------------------------------------- /Loaders/Simple Spinner.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Simple Spinner | Loaders 4 | 27 | 28 | 29 |
30 | 31 | -------------------------------------------------------------------------------- /Loaders/Simple Text Loader.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Simple Text | Loaders 4 | 35 | 36 | 37 |
38 | 39 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # SingleDivProject 2 | ![Single Div](https://img.shields.io/badge/Single%20Div-Yes-brightgreen.svg) ![CSS](https://img.shields.io/badge/CSS-Yes-brightgreen.svg) 3 | 4 | > ☝️ One `
`. Many possibilities. 5 | 6 | ## What is this? 7 | 8 | This project focuses on exploring all the possibilities that can be done with a single `
` element using CSS only. 9 | 10 | ## Why? 11 | 12 | 1. Great way to explore CSS properties. 13 | 2. Restrictions forces you to learn new properties and different ways to do particular styling. 14 | 3. Because we can. 15 | 16 | ## How to contribute? 17 | 18 | Please go through the [Contributions](https://github.com/manrajgrover/SingleDivProject/blob/master/.github/CONTRIBUTING.md) guidelines before sending a pull request. 19 | 20 | # Reddit threads 21 | 22 | 1. [What all can you do with a single `
` element using pure CSS? Check this out!](https://www.reddit.com/r/programming/comments/4oyd9w/what_all_can_you_do_with_a_single_div_element/) on [/r/programming/](https://www.reddit.com/r/programming/) 23 | 2. [One `
`. Many possibilities.](https://www.reddit.com/r/web_design/comments/4otxnk/one_div_many_possibilities/) on [/r/web_design/](https://www.reddit.com/r/web_design/) 24 | 3. [One `
`. Many possibilities.](https://www.reddit.com/r/coolgithubprojects/comments/4oy7y1/one_div_many_possibilities/) on [/r/coolgithubprojects/](https://www.reddit.com/r/coolgithubprojects/) 25 | 26 | ## Demos 27 | 28 | ### Designs 29 | | Project Name | Your Name / Github Handle | Demo/Gif | 30 | | :---: | :---: | :---: | 31 | | [Battery](https://github.com/manrajgrover/SingleDivProject/blob/master/Designs/Battery.html) | [manrajgrover](https://github.com/manrajgrover) | | 32 | | [Hamburger Menu](https://github.com/manrajgrover/SingleDivProject/blob/master/Designs/Hamburger.html) | [manrajgrover](https://github.com/manrajgrover) | | 33 | | [Magnifying Glass](https://github.com/manrajgrover/SingleDivProject/blob/master/Designs/Magnifying%20Glass.html) | [kamito98](https://github.com/kamito98) | | 34 | | [New Instagram Logo](https://github.com/manrajgrover/SingleDivProject/blob/master/Designs/Instagram%20New%20Logo.html) | [manrajgrover](https://github.com/manrajgrover) | | 35 | 36 | ### Loaders 37 | 38 | | Project Name | Your Name / Github Handle | Demo/Gif | 39 | | :---: | :---: | :---: | 40 | | [Awesome Dots](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Awesome%20Dots.html) | [manrajgrover](https://github.com/manrajgrover) | | 41 | | [Bouncing Ball](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Bouncing%20Ball.html) | [mtacchino](https://github.com/mtacchino) | | 42 | | [Box Loader](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Box%20Loader.html) | [AnubrataDS](https://github.com/anubratads) | | 43 | | [Clock](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Clock.html) | [richardj](https://github.com/richardj) | | 44 | | [Dot Loader](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Dot%20Loader.html) | [aaroniker](https://github.com/aaroniker) | | 45 | | [Fill up](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Fill%20up.html) | [manrajgrover](https://github.com/manrajgrover) | | 46 | | [Iron Factory](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Iron%20Factory.html) | [NorthernTwig](https://github.com/NorthernTwig) | | 47 | | [Revolving Circles](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Revolving%20Circles.html) | [dcrousso](https://github.com/dcrousso) | | 48 | | [Revolving Dots](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Revolving%20Dots.html) | [dcrousso](https://github.com/dcrousso) | | 49 | | [Ripple Effect](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Ripple%20Effect.html) | [manrajgrover](https://github.com/manrajgrover) | | 50 | | [Play Loader](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Play%20Loader.html) | [manrajgrover](https://github.com/manrajgrover) | | 51 | | [Simple Spinner](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Simple%20Spinner.html) | [manrajgrover](https://github.com/manrajgrover) | | 52 | | [Simple Text Loader](https://github.com/manrajgrover/SingleDivProject/blob/master/Loaders/Simple%20Text%20Loader.html) | [manrajgrover](https://github.com/manrajgrover) | | 53 | | [Melting Ice Cream Loader](https://github.com/taranvohra/SingleDivProject/blob/master/Loaders/Melting%20Ice%20Cream.html) | [TaranVohra](https://github.com/taranvohra) | | 54 | 55 | 56 | ### Flags 57 | 58 | | Project Name | Your Name / Github Handle | Demo | 59 | | :---: | :---: | :---: | 60 | | [Armenia](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Armenia.html) | [manrajgrover](https://github.com/manrajgrover) | | 61 | | [Austria](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Austria.html) | [manrajgrover](https://github.com/manrajgrover) | | 62 | | [Bahamas](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Bahamas.html) | [manrajgrover](https://github.com/manrajgrover) | | 63 | | [Bangladesh](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Bangladesh.html) | [manrajgrover](https://github.com/manrajgrover) | | 64 | | [Belgium](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Belgium.html) | [AndyMathys](https://github.com/AndyMathys) | | 65 | | [Brazil](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Brazil.html) | [esganzerla](https://github.com/esganzerla) | | 66 | | [Bulgaria](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Bulgaria.html) | [manrajgrover](https://github.com/manrajgrover) | | 67 | | [Chile](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/chile.html) | [adavis46](https://github.com/adavis46) | | 68 | | [Canada](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Canada.html) | [Scott Kaye](https://github.com/ScottKaye) | | 69 | | [Cameroon](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Cameroon.html) | [1forh](https://github.com/1forh) | | 70 | | [Colombia](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Colombia.html) | [DHernandex](https://github.com/dhernandex) | | 71 | | [Czech Republic](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/CzechRepublic.html) | [fadilf](https://github.com/fadilf) | | 72 | | [Denmark](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Denmark.html) | [jacksarick](https://github.com/jacksarick) | | 73 | | [England](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/England.html) | [TheWebartist](https://github.com/TheWebartist) | | 74 | | [Finland](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Finland.html) | [jacksarick](https://github.com/jacksarick) | | 75 | | [France](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/France.html) | [manrajgrover](https://github.com/manrajgrover) | | 76 | | [Germany](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Germany.html) | [manrajgrover](https://github.com/manrajgrover) | | 77 | | [Greece](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Greece.html) | [jdhoek](https://github.com/jdhoek) | | 78 | | [Hungary](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Hungary.html) | [jabbalaci](https://github.com/jabbalaci) | | 79 | | [India](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/India.html) | [fadilf](https://github.com/fadilf) | | 80 | | [Indonesia](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Indonesia.html) | [karuna](https://github.com/karuna) | | 81 | | [Ireland](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Ireland.html) | [skeevey](https://github.com/skeevey) | | 82 | | [Israel](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Israel.html) | [hillai](https://github.com/hillai) | | 83 | | [Italy](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Italy.html) | [manrajgrover](https://github.com/manrajgrover) | | 84 | | [Ivory Coast](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/IvoryCoast.html) | [skeevey](https://github.com/skeevey) | | 85 | | [Japan](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Japan.html) | [manrajgrover](https://github.com/manrajgrover) | | 86 | | [Laos](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Laos.html) | [jamcgrath](https://github.com/jamcgrath) | | 87 | | [Latvia](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Latvia.html) | [vasiljevs](https://github.com/vasiljevs) | | 88 | | [Lithuania](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Lithuania.html) | [fosron](https://github.com/fosron) | | 89 | | [Nigeria](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Nigeria.html) | [skeevey](https://github.com/skeevey) | | 90 | | [Pakistan](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/pakistan.html) | [ObaidAshraf](https://github.com/ObaidAshraf) | | 91 | | [Poland](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Poland.html) | [mschweichler](https://github.com/mschweichler) | | 92 | | [Puerto Rico](Flags/PuertoRico.html) | [aallfredo](https://github.com/aallfredo) and [jorluiseptor](https://github.com/jorluiseptor) | ![PuertoRico](Assets/PuertoRico.png) | 93 | | [Russia](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Russia.html) | [ad222kr](https://github.com/ad222kr) | | 94 | | [Senegal](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Senegal.html) | [Death259](https://github.com/Death259) | | 95 | | [South Africa](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/South%20Africa.html) | [DHernandex](https://github.com/dhernandex) | | 96 | | [Sierra Leone](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/SierraLeone.html) | [ts96](https://github.com/ts96) | | 97 | | [Suriname](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Suriname.html) | [adavis46](https://github.com/adavis46) | | 98 | | [Sweden](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Sweden.html) | [jacksarick](https://github.com/jacksarick) | | 99 | | [Switzerland](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Switzerland.html) | [thijswerrij](https://github.com/thijswerrij) | | 100 | | [Syria](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Syria.html) | [iSWORD](https://github.com/iSWORD) | | 101 | | [Taiwan](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Taiwan.html) | [amowu](https://github.com/amowu) | | 102 | | [Texas](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Texas.html) | [domspad](https://github.com/domspad) | | 103 | | [Thailand](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Thailand.html) | [jamcgrath](https://github.com/jamcgrath) | | 104 | | [The Netherlands](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Netherlands.html) | [jdhoek](https://github.com/jdhoek) | | 105 | | [Turkey](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Turkey.html) | [mehmetuken](https://github.com/mehmetuken) | | 106 | | [United Kingdom](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/UK.html) | [jdhoek](https://github.com/jdhoek) | | 107 | | [United States of America](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/USA.html) | [jdhoek](https://github.com/jdhoek) | | 108 | | [Yemen](https://github.com/manrajgrover/SingleDivProject/blob/master/Flags/Yemen.html) | [Death259](https://github.com/Death259) | | 109 | 110 | ### Tools 111 | 112 | | Project Name | Your Name / Github Handle | Demo/Gif | 113 | | :---: | :---: | :---: | 114 | | [Box Breathing](https://github.com/manrajgrover/SingleDivProject/blob/master/Tools/BoxBreathing.html) | [gnclmorais](https://github.com/gnclmorais) | | 115 | 116 | ## License 117 | [MIT](https://github.com/manrajgrover/SingleDivProject/blob/master/LICENSE) © [Manraj Singh](https://github.com/manrajgrover) 118 | -------------------------------------------------------------------------------- /Tools/BoxBreathing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Box Breathing 6 | 49 | 50 | 51 |
52 | Box Breathing meditation: breath in, hold, breath out, hold. 53 |
54 | 55 |
56 | 57 | 58 | --------------------------------------------------------------------------------