-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemp.html
87 lines (81 loc) · 5.05 KB
/
temp.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Proud to be an 🧡INDIAN💚</title>
<style>
body
{
margin: 0px; padding: 0px;
height: 100vh;
}
#kesari
{
background: #FF9933;
box-sizing: border-box;
height: 33.3333333333%;
}
#white
{
background: #FFF;
box-sizing: border-box;
height: 33.3333333333%;
}
#darkGreen
{
background: #138808;
box-sizing: border-box;
height:33.3333333333%;
}
#AshokaChakra
{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
box-sizing: border-box;
}
</style>
</head>
<body>
<header id="kesari"></header>
<main id="white">
<section id="AshokaChakra">
<svg xmlns="http://www.w3.org/2000/svg" width="220px" height="220px" viewBox="0 0 500 500" version="1.1">
<circle cx="250" cy="250" r="215" fill="none" stroke="#000080" stroke-width="30"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(7.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(22.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(37.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(52.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(67.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(82.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(97.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(112.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(127.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(142.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(157.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(172.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-172.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-157.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-142.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-127.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-112.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-97.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-82.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-67.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-52.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-37.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-22.5 250 250)"/>
<circle cx="450" cy="250" r="10" fill="#000080" transform="rotate(-7.5 250 250)"/>
<g>
<path d="M250 230l-6.972-59.696L250 40l6.972 130.304zM255.176 230.681l8.716-59.466 40.46-124.06-26.99 127.67zM260 232.68l23.81-55.185L355 68.135l-59.114 116.333zM264.142 235.858l37.281-47.142 97.07-87.208-87.21 97.069zM267.32 240l48.212-35.886L431.865 145l-109.36 71.19zM269.319 244.824l55.856-22.186 127.67-26.99-124.06 40.46zM270 250l59.696-6.972L460 250l-130.304 6.972zM269.319 255.176l59.466 8.716 124.06 40.46-127.67-26.99zM267.32 260l55.185 23.81L431.865 355l-116.333-59.114zM264.142 264.142l47.142 37.281 87.208 97.07-97.069-87.21zM260 267.32l35.886 48.212L355 431.865l-71.19-109.36zM255.176 269.319l22.186 55.856 26.99 127.67-40.46-124.06zM250 270l6.972 59.696L250 460l-6.972-130.304zM244.824 269.319l-8.716 59.466-40.46 124.06 26.99-127.67zM240 267.32l-23.81 55.185L145 431.865l59.114-116.333zM235.858 264.142l-37.281 47.142-97.07 87.208 87.21-97.069zM232.68 260l-48.212 35.886L68.135 355l109.36-71.19zM230.681 255.176l-55.856 22.186-127.67 26.99 124.06-40.46zM230 250l-59.696 6.972L40 250l130.304-6.972zM230.681 244.824l-59.466-8.716-124.06-40.46 127.67 26.99zM232.68 240l-55.185-23.81L68.135 145l116.333 59.114zM235.858 235.858l-47.142-37.281-87.208-97.07 97.069 87.21zM240 232.68l-35.886-48.212L145 68.135l71.19 109.36zM244.824 230.681l-22.186-55.856-26.99-127.67 40.46 124.06z" fill="#000080"/>
</g>
<circle cx="250" cy="250" r="40" fill="#000080"/>
</svg>
</section>
</main>
<footer id="darkGreen"></footer>
</body>
</html>