Skip to content

Commit 7492a9c

Browse files
fadilffadilf
committed
Added Indian flag
1 parent 986ec46 commit 7492a9c

File tree

3 files changed

+32
-0
lines changed

3 files changed

+32
-0
lines changed

‎Assets/India.png

2.84 KB
Loading

‎Flags/India.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>India | Flags</title>
5+
<style>
6+
#india {
7+
height: 66px;
8+
width: 300px;
9+
border-top: 67px solid #ff9933;
10+
border-bottom: 67px solid #128807;
11+
text-align: center;
12+
color: #000088;
13+
background: #fff;
14+
}
15+
#india::before {
16+
content: "";
17+
display: inline-block;
18+
margin-top: 5px;
19+
height: 50px;
20+
width: 50px;
21+
border-radius: 50%;
22+
border: 3px solid #000088;
23+
background: -webkit-linear-gradient(90deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(75deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(60deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(45deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(30deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(15deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(0deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(345deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(330deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(315deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(300deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(285deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%);
24+
background: linear-gradient(0deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(15deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(30deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(60deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(75deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(90deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(105deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(120deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(135deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(150deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(165deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%);
25+
}
26+
</style>
27+
</head>
28+
<body>
29+
<div id="india"></div>
30+
</body>
31+
</html>

‎README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@ One `<div>`. Many possibilities.
4343
| [Greece](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/Greece.html) | [jdhoek](https://github.com/jdhoek) | ![Greece](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/Greece.png) |
4444
| [Hungary](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/Hungary.html) | [jabbalaci](https://github.com/jabbalaci) | ![Hungary](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/Hungary.png) |
4545
| [Ireland](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/Ireland.html) | [skeevey](https://github.com/skeevey) | ![Ireland](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/Ireland.png) |
46+
| [India](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/India.html) | [fadilf](https://github.com/fadilf) | ![India](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/India.png) |
4647
| [Italy](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/Italy.html) | [ManrajGrover](https://github.com/ManrajGrover) | ![Italy](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/Italy.png) |
4748
| [Ivory Coast](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/IvoryCoast.html) | [skeevey](https://github.com/skeevey) | ![IvoryCoast](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/IvoryCoast.png) |
4849
| [Japan](https://github.com/ManrajGrover/SingleDivProject/blob/master/Flags/Japan.html) | [ManrajGrover](https://github.com/ManrajGrover) | ![Japan](https://github.com/ManrajGrover/SingleDivProject/blob/master/Assets/Japan.png) |

0 commit comments

Comments
 (0)