+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ФИО: Орешников Денис Владимирович
+
+
+ Статус: Студент
+
+
+ Группа: 2-147
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Html About/CSS/Aboutme.css b/Html About/CSS/Aboutme.css
new file mode 100644
index 00000000..aa702d51
--- /dev/null
+++ b/Html About/CSS/Aboutme.css
@@ -0,0 +1,46 @@
+* {
+margin: 0;
+padding: 0;
+}
+
+body{
+ background: url("../style/224.png") center no-repeat;
+ background-size: cover;
+}
+
+.foto{
+ width: 200px;
+ height: 250px;
+ border-radius: 10px;
+ border: 5px #ccc solid;
+ box-shadow: 0 0 10px #444;
+ margin-top:5px;
+ margin-left:40%;
+}
+
+.Text{
+ float: top;
+ margin-left:15px;
+ margin-top:8.5%;
+ font-family: CURSIVE;
+ font-size:17px;
+ color:red;
+}
+
+.Statys{
+ float: top;
+ margin-left:15px;
+ margin-top:0.5%;
+ font-family: CURSIVE;
+ font-size:17px;
+ color:red;
+}
+
+.Grup{
+ float: top;
+ margin-left:15px;
+ margin-top:0.5%;
+ font-family: CURSIVE;
+ font-size:17px;
+ color:red;
+}
\ No newline at end of file
diff --git a/Html About/style/222.png b/Html About/style/222.png
new file mode 100644
index 00000000..9264ba61
Binary files /dev/null and b/Html About/style/222.png differ
diff --git a/Html About/style/224.png b/Html About/style/224.png
new file mode 100644
index 00000000..8e6fb3da
Binary files /dev/null and b/Html About/style/224.png differ
diff --git a/Html About/style/qq.png b/Html About/style/qq.png
new file mode 100644
index 00000000..1373d041
Binary files /dev/null and b/Html About/style/qq.png differ
diff --git a/Html About/style/s375.png b/Html About/style/s375.png
new file mode 100644
index 00000000..55bf7478
Binary files /dev/null and b/Html About/style/s375.png differ
diff --git a/Html About/style/ww.png b/Html About/style/ww.png
new file mode 100644
index 00000000..ada4a43b
Binary files /dev/null and b/Html About/style/ww.png differ
diff --git "a/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-01.png" "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-01.png"
new file mode 100644
index 00000000..284ece9f
Binary files /dev/null and "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-01.png" differ
diff --git "a/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-02.png" "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-02.png"
new file mode 100644
index 00000000..3ed73c92
Binary files /dev/null and "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-02.png" differ
diff --git "a/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-03.png" "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-03.png"
new file mode 100644
index 00000000..4732312a
Binary files /dev/null and "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-03.png" differ
diff --git "a/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-04.png" "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-04.png"
new file mode 100644
index 00000000..abe50230
Binary files /dev/null and "b/Html About/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-04.png" differ
diff --git a/Html Contakts/CSS/Contacts.css b/Html Contakts/CSS/Contacts.css
new file mode 100644
index 00000000..c1762828
--- /dev/null
+++ b/Html Contakts/CSS/Contacts.css
@@ -0,0 +1,47 @@
+* {
+margin: 0;
+padding: 0;
+}
+
+
+
+body {
+ background: linear-gradient(-90deg, #2f2f2f, #00FFFF);
+}
+
+.socialIcons {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ display: inline-block;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ margin: auto;
+ height: 90px;
+ text-align: center;
+}
+.socialIcons li {
+ display: inline-block;
+ margin: auto 10px;
+}
+.socialIcons li a {
+ text-align: center;
+ display: inline-block;
+ font-size: 4rem;
+ height: 100px;
+ width: 100px;
+ line-height: 100px;
+ color: #E0FFFF;
+ transition: all .5s ease;
+ transform-origin: left;
+ transform: rotateY(-30deg);
+ text-shadow: 10px 0px 1px #131313, 10px 0px 1px #070707, 10px 0px 1px black, 10px 0px 1px black;
+}
+.socialIcons li a:hover {
+ color: #202020;
+ transform: rotate(0deg);
+ text-shadow: 0px 0px 1px #131313, 0px 0px 1px #070707, 0px 0px 1px black, 0px 0px 1px black;
+}
\ No newline at end of file
diff --git a/Html Contakts/Contacts.html b/Html Contakts/Contacts.html
new file mode 100644
index 00000000..4baa0262
--- /dev/null
+++ b/Html Contakts/Contacts.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Html Contakts/GG/777.png b/Html Contakts/GG/777.png
new file mode 100644
index 00000000..9afacbe0
Binary files /dev/null and b/Html Contakts/GG/777.png differ
diff --git a/Html Contakts/GG/VV.png b/Html Contakts/GG/VV.png
new file mode 100644
index 00000000..1f8b72f8
Binary files /dev/null and b/Html Contakts/GG/VV.png differ
diff --git a/Html Contakts/GG/rECv81NvLL8.png b/Html Contakts/GG/rECv81NvLL8.png
new file mode 100644
index 00000000..9b87d31a
Binary files /dev/null and b/Html Contakts/GG/rECv81NvLL8.png differ
diff --git a/Html Contakts/style/222.png b/Html Contakts/style/222.png
new file mode 100644
index 00000000..9264ba61
Binary files /dev/null and b/Html Contakts/style/222.png differ
diff --git a/Html Contakts/style/223.png b/Html Contakts/style/223.png
new file mode 100644
index 00000000..088af218
Binary files /dev/null and b/Html Contakts/style/223.png differ
diff --git a/Html Contakts/style/qq.png b/Html Contakts/style/qq.png
new file mode 100644
index 00000000..1373d041
Binary files /dev/null and b/Html Contakts/style/qq.png differ
diff --git a/Html Contakts/style/s375.png b/Html Contakts/style/s375.png
new file mode 100644
index 00000000..55bf7478
Binary files /dev/null and b/Html Contakts/style/s375.png differ
diff --git a/Html Contakts/style/ww.png b/Html Contakts/style/ww.png
new file mode 100644
index 00000000..ada4a43b
Binary files /dev/null and b/Html Contakts/style/ww.png differ
diff --git a/Html Skills/CSS/Skill.css b/Html Skills/CSS/Skill.css
new file mode 100644
index 00000000..6d6df9d6
--- /dev/null
+++ b/Html Skills/CSS/Skill.css
@@ -0,0 +1,1343 @@
+* {
+margin: 0;
+padding: 0;
+}
+
+body{
+ background: url("../style/222.png") center no-repeat;
+ background-size: cover;
+}
+
+/*Облака*/
+
+.cloud {
+ overflow: hidden;
+ position: relative;
+ width:100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ background-size: cover;
+}
+.cloudcontent {
+ position: relative;
+ padding:30px;
+ color: #337AB7;
+ font-size:22px;
+ font-weight:bold;
+ z-index:100;
+}
+.cloud img {
+ width: 100%;
+ left: 0;
+ top: 0;
+ position: absolute;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+}
+@-webkit-keyframes animCloud {
+ from {
+ -webkit-transform: translateX(100%)
+ }
+ to {
+ -webkit-transform: translateX(-100%)
+ }
+}
+@-moz-keyframes animCloud {
+ from {
+ -moz-transform: translateX(100%)
+ }
+ to {
+ -moz-transform: translateX(-100%)
+ }
+}
+@keyframes animCloud {
+ from {
+ -webkit-transform: translateX(100%);
+ -moz-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ -o-transform: translateX(100%);
+ transform: translateX(100%)
+ }
+ to {
+ -webkit-transform: translateX(-100%);
+ -moz-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ -o-transform: translateX(-100%);
+ transform: translateX(-100%)
+ }
+}
+.cloud1 {
+ -webkit-animation: animCloud 20s infinite linear;
+ -moz-animation: animCloud 20s infinite linear;
+ animation: animCloud 20s infinite linear
+}
+.cloud2 {
+ -webkit-animation: animCloud 40s infinite linear;
+ -moz-animation: animCloud 40s infinite linear;
+ animation: animCloud 40s infinite linear
+}
+.cloud3 {
+ -webkit-animation: animCloud 60s infinite linear;
+ -moz-animation: animCloud 60s infinite linear;
+ animation: animCloud 60s infinite linear
+}
+.cloud4 {
+ -webkit-animation: animCloud 80s infinite linear;
+ -moz-animation: animCloud 80s infinite linear;
+ animation: animCloud 80s infinite linear
+}
+
+/*диограммы*/
+.rect-auto,.c100.p51
+ .slice,.c100.p52
+ .slice,.c100.p53
+ .slice,.c100.p54
+ .slice,.c100.p55
+ .slice,.c100.p56
+ .slice,.c100.p57
+ .slice,.c100.p58
+ .slice,.c100.p59
+ .slice,.c100.p60
+ .slice,.c100.p61
+ .slice,.c100.p62
+ .slice,.c100.p63
+ .slice,.c100.p64
+ .slice,.c100.p65
+ .slice,.c100.p66
+ .slice,.c100.p67
+ .slice,.c100.p68
+ .slice,.c100.p69
+ .slice,.c100.p70
+ .slice,.c100.p71
+ .slice,.c100.p72
+ .slice,.c100.p73
+ .slice,.c100.p74
+ .slice,.c100.p75
+ .slice,.c100.p76
+ .slice,.c100.p77
+ .slice,.c100.p78
+ .slice,.c100.p79
+ .slice,.c100.p80
+ .slice,.c100.p81
+ .slice,.c100.p82
+ .slice,.c100.p83
+ .slice,.c100.p84
+ .slice,.c100.p85
+ .slice,.c100.p86
+ .slice,.c100.p87
+ .slice,.c100.p88
+ .slice,.c100.p89
+ .slice,.c100.p90
+ .slice,.c100.p91
+ .slice,.c100.p92
+ .slice,.c100.p93
+ .slice,.c100.p94
+ .slice,.c100.p95
+ .slice,.c100.p96
+ .slice,.c100.p97
+ .slice,.c100.p98
+ .slice,.c100.p99
+ .slice,.c100.p100
+ .slice{clip:rect(auto, auto, auto, auto)}
+
+ .pie,.c100
+ .bar,.c100
+ .p51 .fill,.c100.p52
+ .fill,.c100.p53
+ .fill,.c100.p54
+ .fill,.c100.p55
+ .fill,.c100.p56
+ .fill,.c100.p57
+ .fill,.c100.p58
+ .fill,.c100.p59
+ .fill,.c100.p60
+ .fill,.c100.p61
+ .fill,.c100.p62
+ .fill,.c100.p63
+ .fill,.c100.p64
+ .fill,.c100.p65
+ .fill,.c100.p66
+ .fill,.c100.p67
+ .fill,.c100.p68
+ .fill,.c100.p69
+ .fill,.c100.p70
+ .fill,.c100.p71
+ .fill,.c100.p72
+ .fill,.c100.p73
+ .fill,.c100.p74
+ .fill,.c100.p75
+ .fill,.c100.p76
+ .fill,.c100.p77
+ .fill,.c100.p78
+ .fill,.c100.p79
+ .fill,.c100.p80
+ .fill,.c100.p81
+ .fill,.c100.p82
+ .fill,.c100.p83
+ .fill,.c100.p84
+ .fill,.c100.p85
+ .fill,.c100.p86
+ .fill,.c100.p87
+ .fill,.c100.p88
+ .fill,.c100.p89
+ .fill,.c100.p90
+ .fill,.c100.p91
+ .fill,.c100.p92
+ .fill,.c100.p93
+ .fill,.c100.p94
+ .fill,.c100.p95
+ .fill,.c100.p96
+ .fill,.c100.p97
+ .fill,.c100.p98
+ .fill,.c100.p99
+ .fill,.c100.p100
+
+ .fill{
+ position:absolute;
+ border:0.08em solid #307bbb;
+ width:0.84em;
+ height:0.84em;
+ clip:rect(0em, 0.5em, 1em, 0em);
+ -webkit-border-radius:50%;
+ -moz-border-radius:50%;
+ -ms-border-radius:50%;
+ -o-border-radius:50%;
+ border-radius:50%;
+ -webkit-transform:rotate(0deg);
+ -moz-transform:rotate(0deg);
+ -ms-transform:rotate(0deg);
+ -o-transform:rotate(0deg);
+ transform:rotate(0deg)
+ }
+
+ .pie-fill,.c100.p51
+ .bar:after,.c100.p51
+ .fill,.c100.p52
+ .bar:after,.c100.p52
+ .fill,.c100.p53
+ .bar:after,.c100.p53
+ .fill,.c100.p54
+ .bar:after,.c100.p54
+ .fill,.c100.p55
+ .bar:after,.c100.p55
+ .fill,.c100.p56
+ .bar:after,.c100.p56
+ .fill,.c100.p57
+ .bar:after,.c100.p57
+ .fill,.c100.p58
+ .bar:after,.c100.p58
+ .fill,.c100.p59
+ .bar:after,.c100.p59
+ .fill,.c100.p60
+ .bar:after,.c100.p60
+ .fill,.c100.p61
+ .bar:after,.c100.p61
+ .fill,.c100.p62
+ .bar:after,.c100.p62
+ .fill,.c100.p63
+ .bar:after,.c100.p63
+ .fill,.c100.p64
+ .bar:after,.c100.p64
+ .fill,.c100.p65
+ .bar:after,.c100.p65
+ .fill,.c100.p66
+ .bar:after,.c100.p66
+ .fill,.c100.p67
+ .bar:after,.c100.p67
+ .fill,.c100.p68
+ .bar:after,.c100.p68
+ .fill,.c100.p69
+ .bar:after,.c100.p69
+ .fill,.c100.p70
+ .bar:after,.c100.p70
+ .fill,.c100.p71
+ .bar:after,.c100.p71
+ .fill,.c100.p72
+ .bar:after,.c100.p72
+ .fill,.c100.p73
+ .bar:after,.c100.p73
+ .fill,.c100.p74
+ .bar:after,.c100.p74
+ .fill,.c100.p75
+ .bar:after,.c100.p75
+ .fill,.c100.p76
+ .bar:after,.c100.p76
+ .fill,.c100.p77
+ .bar:after,.c100.p77
+ .fill,.c100.p78
+ .bar:after,.c100.p78
+ .fill,.c100.p79
+ .bar:after,.c100.p79
+ .fill,.c100.p80
+ .bar:after,.c100.p80
+ .fill,.c100.p81
+ .bar:after,.c100.p81
+ .fill,.c100.p82
+ .bar:after,.c100.p82
+ .fill,.c100.p83
+ .bar:after,.c100.p83
+ .fill,.c100.p84
+ .bar:after,.c100.p84
+ .fill,.c100.p85
+ .bar:after,.c100.p85
+ .fill,.c100.p86
+ .bar:after,.c100.p86
+ .fill,.c100.p87
+ .bar:after,.c100.p87
+ .fill,.c100.p88
+ .bar:after,.c100.p88
+ .fill,.c100.p89
+ .bar:after,.c100.p89
+ .fill,.c100.p90
+ .bar:after,.c100.p90
+ .fill,.c100.p91
+ .bar:after,.c100.p91
+ .fill,.c100.p92
+ .bar:after,.c100.p92
+ .fill,.c100.p93
+ .bar:after,.c100.p93
+ .fill,.c100.p94
+ .bar:after,.c100.p94
+ .fill,.c100.p95
+ .bar:after,.c100.p95
+ .fill,.c100.p96
+ .bar:after,.c100.p96
+ .fill,.c100.p97
+ .bar:after,.c100.p97
+ .fill,.c100.p98
+ .bar:after,.c100.p98
+ .fill,.c100.p99
+ .bar:after,.c100.p99
+ .fill,.c100.p100
+ .bar:after,.c100.p100
+
+.fill{
+ -webkit-transform:rotate(180deg);
+ -moz-transform:rotate(180deg);
+ -ms-transform:rotate(180deg);
+ -o-transform:rotate(180deg);
+ transform:rotate(180deg)
+}
+
+.c100{
+ position:relative;
+ font-size:120px;
+ width:1em;
+ height:1em;
+ -webkit-border-radius:50%;
+ -moz-border-radius:50%;
+ -ms-border-radius:50%;
+ -o-border-radius:50%;
+ border-radius:50%;
+ float:left;
+ margin:0 0.1em 0.1em 0;
+ background-color:#cccccc
+}
+
+.c100 *,.c100 *:before,.c100 *:after{
+ -webkit-box-sizing:content-box;
+ -moz-box-sizing:content-box;
+ box-sizing:content-box
+}
+
+.c100.center{
+ float:none;
+ margin:0 auto;
+}
+
+.c100.big{font-size:240px}
+
+.c100.small{font-size:80px}
+
+.c100 > span{
+ position:absolute;
+ width:100%;
+ z-index:1;
+ left:0;
+ top:0;
+ width:5em;
+ line-height:5em;
+ font-size:0.2em;
+ color:#cccccc;
+ display:block;
+ text-align:center;
+ white-space:nowrap;
+ -webkit-transition-property:all;
+ -moz-transition-property:all;
+ -o-transition-property:all;
+ transition-property:all;
+ -webkit-transition-duration:0.2s;
+ -moz-transition-duration:0.2s;
+ -o-transition-duration:0.2s;
+ transition-duration:0.2s;
+ -webkit-transition-timing-function:ease-out;
+ -moz-transition-timing-function:ease-out;
+ -o-transition-timing-function:ease-out;
+ transition-timing-function:ease-out;
+}
+
+.c100:after{
+ position:absolute;
+ top:0.08em;
+ left:0.08em;
+ display:block;
+ content:" ";
+ -webkit-border-radius:50%;
+ -moz-border-radius:50%;
+ -ms-border-radius:50%;
+ -o-border-radius:50%;
+ border-radius:50%;
+ background-color:whitesmoke;
+ width:0.84em;height:0.84em;
+ -webkit-transition-property:all;
+ -moz-transition-property:all;
+ -o-transition-property:all;
+ transition-property:all;
+ -webkit-transition-duration:0.2s;
+ -moz-transition-duration:0.2s;
+ -o-transition-duration:0.2s;
+ transition-duration:0.2s;
+ -webkit-transition-timing-function:ease-in;
+ -moz-transition-timing-function:ease-in;
+ -o-transition-timing-function:ease-in;
+ transition-timing-function:ease-in
+}
+
+.c100 .slice{
+ position:absolute;
+ width:1em;
+ height:1em;
+ clip:rect(0em, 1em, 1em, 0.5em)
+}
+
+.c100.p1 .bar{
+ -webkit-transform:rotate(3.6deg);
+ -moz-transform:rotate(3.6deg);
+ -ms-transform:rotate(3.6deg);
+ -o-transform:rotate(3.6deg);
+ transform:rotate(3.6deg)
+
+}.c100.p2 .bar{
+ -webkit-transform:rotate(7.2deg);
+ -moz-transform:rotate(7.2deg);
+ -ms-transform:rotate(7.2deg);
+ -o-transform:rotate(7.2deg);
+ transform:rotate(7.2deg)
+}
+
+.c100.p3 .bar{
+ -webkit-transform:rotate(10.8deg);
+ -moz-transform:rotate(10.8deg);
+ -ms-transform:rotate(10.8deg);
+ -o-transform:rotate(10.8deg);
+ transform:rotate(10.8deg)
+}
+
+.c100.p4 .bar{
+ -webkit-transform:rotate(14.4deg);
+ -moz-transform:rotate(14.4deg);
+ -ms-transform:rotate(14.4deg);
+ -o-transform:rotate(14.4deg);
+ transform:rotate(14.4deg)
+}
+
+.c100.p5 .bar{
+ -webkit-transform:rotate(18deg);
+ -moz-transform:rotate(18deg);
+ -ms-transform:rotate(18deg);
+ -o-transform:rotate(18deg);
+ transform:rotate(18deg)
+}
+
+.c100.p6 .bar{
+ -webkit-transform:rotate(21.6deg);
+ -moz-transform:rotate(21.6deg);
+ -ms-transform:rotate(21.6deg);
+ -o-transform:rotate(21.6deg);
+ transform:rotate(21.6deg)
+}
+
+.c100.p7 .bar{
+ -webkit-transform:rotate(25.2deg);
+ -moz-transform:rotate(25.2deg);
+ -ms-transform:rotate(25.2deg);
+ -o-transform:rotate(25.2deg);
+ transform:rotate(25.2deg)
+}
+
+.c100.p8 .bar{
+ -webkit-transform:rotate(28.8deg);
+ -moz-transform:rotate(28.8deg);
+ -ms-transform:rotate(28.8deg);
+ -o-transform:rotate(28.8deg);
+ transform:rotate(28.8deg)
+}
+
+.c100.p9 .bar{
+ -webkit-transform:rotate(32.4deg);
+ -moz-transform:rotate(32.4deg);
+ -ms-transform:rotate(32.4deg);
+ -o-transform:rotate(32.4deg);
+ transform:rotate(32.4deg)
+}
+
+.c100.p10 .bar{
+ -webkit-transform:rotate(36deg);
+ -moz-transform:rotate(36deg);
+ -ms-transform:rotate(36deg);
+ -o-transform:rotate(36deg);
+ transform:rotate(36deg)
+}
+
+.c100.p11 .bar{
+ -webkit-transform:rotate(39.6deg);
+ -moz-transform:rotate(39.6deg);
+ -ms-transform:rotate(39.6deg);
+ -o-transform:rotate(39.6deg);
+ transform:rotate(39.6deg)
+}
+
+.c100.p12 .bar{
+ -webkit-transform:rotate(43.2deg);
+ -moz-transform:rotate(43.2deg);
+ -ms-transform:rotate(43.2deg);
+ -o-transform:rotate(43.2deg);
+ transform:rotate(43.2deg)
+}
+
+.c100.p13 .bar{
+ -webkit-transform:rotate(46.8deg);
+ -moz-transform:rotate(46.8deg);
+ -ms-transform:rotate(46.8deg);
+ -o-transform:rotate(46.8deg);
+ transform:rotate(46.8deg)
+}
+
+.c100.p14 .bar{
+ -webkit-transform:rotate(50.4deg);
+ -moz-transform:rotate(50.4deg);
+ -ms-transform:rotate(50.4deg);
+ -o-transform:rotate(50.4deg);
+ transform:rotate(50.4deg)
+}
+
+.c100.p15 .bar{
+ -webkit-transform:rotate(54deg);
+ -moz-transform:rotate(54deg);
+ -ms-transform:rotate(54deg);
+ -o-transform:rotate(54deg);
+ transform:rotate(54deg)
+}
+
+.c100.p16 .bar{
+ -webkit-transform:rotate(57.6deg);
+ -moz-transform:rotate(57.6deg);
+ -ms-transform:rotate(57.6deg);
+ -o-transform:rotate(57.6deg);
+ transform:rotate(57.6deg)
+}
+
+.c100.p17 .bar{
+ -webkit-transform:rotate(61.2deg);
+ -moz-transform:rotate(61.2deg);
+ -ms-transform:rotate(61.2deg);
+ -o-transform:rotate(61.2deg);
+ transform:rotate(61.2deg)
+}
+
+.c100.p18 .bar{
+ -webkit-transform:rotate(64.8deg);
+ -moz-transform:rotate(64.8deg);
+ -ms-transform:rotate(64.8deg);
+ -o-transform:rotate(64.8deg);
+ transform:rotate(64.8deg)
+}
+
+.c100.p19 .bar{
+ -webkit-transform:rotate(68.4deg);
+ -moz-transform:rotate(68.4deg);
+ -ms-transform:rotate(68.4deg);
+ -o-transform:rotate(68.4deg);
+ transform:rotate(68.4deg)
+}
+
+.c100.p20 .bar{
+ -webkit-transform:rotate(72deg);
+ -moz-transform:rotate(72deg);
+ -ms-transform:rotate(72deg);
+ -o-transform:rotate(72deg);
+ transform:rotate(72deg)
+}
+.c100.p21 .bar{
+ -webkit-transform:rotate(75.6deg);
+ -moz-transform:rotate(75.6deg);
+ -ms-transform:rotate(75.6deg);
+ -o-transform:rotate(75.6deg);
+ transform:rotate(75.6deg)
+}
+
+.c100.p22 .bar{
+ -webkit-transform:rotate(79.2deg);
+ -moz-transform:rotate(79.2deg);
+ -ms-transform:rotate(79.2deg);
+ -o-transform:rotate(79.2deg);
+ transform:rotate(79.2deg)
+}
+
+.c100.p23 .bar{
+ -webkit-transform:rotate(82.8deg);
+ -moz-transform:rotate(82.8deg);
+ -ms-transform:rotate(82.8deg);
+ -o-transform:rotate(82.8deg);
+ transform:rotate(82.8deg)
+}
+
+.c100.p24 .bar{
+ -webkit-transform:rotate(86.4deg);
+ -moz-transform:rotate(86.4deg);
+ -ms-transform:rotate(86.4deg);
+ -o-transform:rotate(86.4deg);
+ transform:rotate(86.4deg)
+}
+
+.c100.p25 .bar{
+ -webkit-transform:rotate(90deg);
+ -moz-transform:rotate(90deg);
+ -ms-transform:rotate(90deg);
+ -o-transform:rotate(90deg);
+ transform:rotate(90deg)
+}
+.c100.p26 .bar{
+ -webkit-transform:rotate(93.6deg);
+ -moz-transform:rotate(93.6deg);
+ -ms-transform:rotate(93.6deg);
+ -o-transform:rotate(93.6deg);
+ transform:rotate(93.6deg)
+}
+
+.c100.p27 .bar{
+ -webkit-transform:rotate(97.2deg);
+ -moz-transform:rotate(97.2deg);
+ -ms-transform:rotate(97.2deg);
+ -o-transform:rotate(97.2deg);
+ transform:rotate(97.2deg)
+}
+
+.c100.p28 .bar{
+ -webkit-transform:rotate(100.8deg);
+ -moz-transform:rotate(100.8deg);
+ -ms-transform:rotate(100.8deg);
+ -o-transform:rotate(100.8deg);
+ transform:rotate(100.8deg)
+}
+
+.c100.p29 .bar{
+ -webkit-transform:rotate(104.4deg);
+ -moz-transform:rotate(104.4deg);
+ -ms-transform:rotate(104.4deg);
+ -o-transform:rotate(104.4deg);
+ transform:rotate(104.4deg)
+}
+
+.c100.p30 .bar{
+ -webkit-transform:rotate(108deg);
+ -moz-transform:rotate(108deg);
+ -ms-transform:rotate(108deg);
+ -o-transform:rotate(108deg);
+ transform:rotate(108deg)
+}
+
+.c100.p31 .bar{
+ -webkit-transform:rotate(111.6deg);
+ -moz-transform:rotate(111.6deg);
+ -ms-transform:rotate(111.6deg);
+ -o-transform:rotate(111.6deg);
+ transform:rotate(111.6deg)
+}
+
+.c100.p32 .bar{
+ -webkit-transform:rotate(115.2deg);
+ -moz-transform:rotate(115.2deg);
+ -ms-transform:rotate(115.2deg);
+ -o-transform:rotate(115.2deg);
+ transform:rotate(115.2deg)
+}
+
+.c100.p33 .bar{
+ -webkit-transform:rotate(118.8deg);
+ -moz-transform:rotate(118.8deg);
+ -ms-transform:rotate(118.8deg);
+ -o-transform:rotate(118.8deg);
+ transform:rotate(118.8deg)
+}
+
+.c100.p34 .bar{
+ -webkit-transform:rotate(122.4deg);
+ -moz-transform:rotate(122.4deg);
+ -ms-transform:rotate(122.4deg);
+ -o-transform:rotate(122.4deg);
+ transform:rotate(122.4deg)
+}
+.c100.p35 .bar{
+ -webkit-transform:rotate(126deg);
+ -moz-transform:rotate(126deg);
+ -ms-transform:rotate(126deg);
+ -o-transform:rotate(126deg);
+ transform:rotate(126deg)
+}
+
+.c100.p36 .bar{
+ -webkit-transform:rotate(129.6deg);
+ -moz-transform:rotate(129.6deg);
+ -ms-transform:rotate(129.6deg);
+ -o-transform:rotate(129.6deg);
+ transform:rotate(129.6deg)
+}
+
+.c100.p37 .bar{
+ -webkit-transform:rotate(133.2deg);
+ -moz-transform:rotate(133.2deg);
+ -ms-transform:rotate(133.2deg);
+ -o-transform:rotate(133.2deg);
+ transform:rotate(133.2deg)
+}
+
+.c100.p38 .bar{
+ -webkit-transform:rotate(136.8deg);
+ -moz-transform:rotate(136.8deg);
+ -ms-transform:rotate(136.8deg);
+ -o-transform:rotate(136.8deg);
+ transform:rotate(136.8deg)
+}
+
+.c100.p39 .bar{
+ -webkit-transform:rotate(140.4deg);
+ -moz-transform:rotate(140.4deg);
+ -ms-transform:rotate(140.4deg);
+ -o-transform:rotate(140.4deg);
+ transform:rotate(140.4deg)
+}
+
+.c100.p40 .bar{
+ -webkit-transform:rotate(144deg);
+ -moz-transform:rotate(144deg);
+ -ms-transform:rotate(144deg);
+ -o-transform:rotate(144deg);
+ transform:rotate(144deg)
+}
+
+.c100.p41 .bar{
+ -webkit-transform:rotate(147.6deg);
+ -moz-transform:rotate(147.6deg);
+ -ms-transform:rotate(147.6deg);
+ -o-transform:rotate(147.6deg);
+ transform:rotate(147.6deg)
+}
+
+.c100.p42 .bar{
+ -webkit-transform:rotate(151.2deg);
+ -moz-transform:rotate(151.2deg);
+ -ms-transform:rotate(151.2deg);
+ -o-transform:rotate(151.2deg);
+ transform:rotate(151.2deg)
+}
+
+.c100.p43 .bar{
+ -webkit-transform:rotate(154.8deg);
+ -moz-transform:rotate(154.8deg);
+ -ms-transform:rotate(154.8deg);
+ -o-transform:rotate(154.8deg);
+ transform:rotate(154.8deg)
+}
+
+.c100.p44 .bar{
+ -webkit-transform:rotate(158.4deg);
+ -moz-transform:rotate(158.4deg);
+ -ms-transform:rotate(158.4deg);
+ -o-transform:rotate(158.4deg);
+ transform:rotate(158.4deg)
+}
+
+.c100.p45 .bar{
+ -webkit-transform:rotate(162deg);
+ -moz-transform:rotate(162deg);
+ -ms-transform:rotate(162deg);
+ -o-transform:rotate(162deg);
+ transform:rotate(162deg)
+}
+
+.c100.p46 .bar{
+ -webkit-transform:rotate(165.6deg);
+ -moz-transform:rotate(165.6deg);
+ -ms-transform:rotate(165.6deg);
+ -o-transform:rotate(165.6deg);
+ transform:rotate(165.6deg)
+}
+
+.c100.p47 .bar{
+ -webkit-transform:rotate(169.2deg);
+ -moz-transform:rotate(169.2deg);
+ -ms-transform:rotate(169.2deg);
+ -o-transform:rotate(169.2deg);
+ transform:rotate(169.2deg)
+}
+
+.c100.p48 .bar{
+ -webkit-transform:rotate(172.8deg);
+ -moz-transform:rotate(172.8deg);
+ -ms-transform:rotate(172.8deg);
+ -o-transform:rotate(172.8deg);
+ transform:rotate(172.8deg)
+}
+
+.c100.p49 .bar{
+ -webkit-transform:rotate(176.4deg);
+ -moz-transform:rotate(176.4deg);
+ -ms-transform:rotate(176.4deg);
+ -o-transform:rotate(176.4deg);
+ transform:rotate(176.4deg)
+}
+
+.c100.p50 .bar{
+ -webkit-transform:rotate(180deg);
+ -moz-transform:rotate(180deg);
+ -ms-transform:rotate(180deg);
+ -o-transform:rotate(180deg);
+ transform:rotate(180deg)
+}
+
+.c100.p51 .bar{
+ -webkit-transform:rotate(183.6deg);
+ -moz-transform:rotate(183.6deg);
+ -ms-transform:rotate(183.6deg);
+ -o-transform:rotate(183.6deg);
+ transform:rotate(183.6deg)
+}
+
+.c100.p52 .bar{
+ -webkit-transform:rotate(187.2deg);
+ -moz-transform:rotate(187.2deg);
+ -ms-transform:rotate(187.2deg);
+ -o-transform:rotate(187.2deg);
+ transform:rotate(187.2deg)
+}
+
+.c100.p53 .bar{
+ -webkit-transform:rotate(190.8deg);
+ -moz-transform:rotate(190.8deg);
+ -ms-transform:rotate(190.8deg);
+ -o-transform:rotate(190.8deg);
+ transform:rotate(190.8deg)
+}
+
+.c100.p54 .bar{
+ -webkit-transform:rotate(194.4deg);
+ -moz-transform:rotate(194.4deg);
+ -ms-transform:rotate(194.4deg);
+ -o-transform:rotate(194.4deg);
+ transform:rotate(194.4deg)
+}
+
+.c100.p55 .bar{
+ -webkit-transform:rotate(198deg);
+ -moz-transform:rotate(198deg);
+ -ms-transform:rotate(198deg);
+ -o-transform:rotate(198deg);
+ transform:rotate(198deg)
+}
+
+.c100.p56 .bar{
+ -webkit-transform:rotate(201.6deg);
+ -moz-transform:rotate(201.6deg);
+ -ms-transform:rotate(201.6deg);
+ -o-transform:rotate(201.6deg);
+ transform:rotate(201.6deg)
+}
+
+.c100.p57 .bar{
+ -webkit-transform:rotate(205.2deg);
+ -moz-transform:rotate(205.2deg);
+ -ms-transform:rotate(205.2deg);
+ -o-transform:rotate(205.2deg);
+ transform:rotate(205.2deg)
+}
+
+.c100.p58 .bar{
+ -webkit-transform:rotate(208.8deg);
+ -moz-transform:rotate(208.8deg);
+ -ms-transform:rotate(208.8deg);
+ -o-transform:rotate(208.8deg);
+ transform:rotate(208.8deg)
+}
+
+.c100.p59 .bar{
+ -webkit-transform:rotate(212.4deg);
+ -moz-transform:rotate(212.4deg);
+ -ms-transform:rotate(212.4deg);
+ -o-transform:rotate(212.4deg);
+ transform:rotate(212.4deg)
+}
+
+.c100.p60 .bar{
+ -webkit-transform:rotate(216deg);
+ -moz-transform:rotate(216deg);
+ -ms-transform:rotate(216deg);
+ -o-transform:rotate(216deg);
+ transform:rotate(216deg)
+}
+
+.c100.p61 .bar{
+ -webkit-transform:rotate(219.6deg);
+ -moz-transform:rotate(219.6deg);
+ -ms-transform:rotate(219.6deg);
+ -o-transform:rotate(219.6deg);
+ transform:rotate(219.6deg)
+}
+
+.c100.p62 .bar{
+ -webkit-transform:rotate(223.2deg);
+ -moz-transform:rotate(223.2deg);
+ -ms-transform:rotate(223.2deg);
+ -o-transform:rotate(223.2deg);
+ transform:rotate(223.2deg)
+}
+
+.c100.p63 .bar{
+ -webkit-transform:rotate(226.8deg);
+ -moz-transform:rotate(226.8deg);
+ -ms-transform:rotate(226.8deg);
+ -o-transform:rotate(226.8deg);
+ transform:rotate(226.8deg)
+}
+
+.c100.p64 .bar{
+ -webkit-transform:rotate(230.4deg);
+ -moz-transform:rotate(230.4deg);
+ -ms-transform:rotate(230.4deg);
+ -o-transform:rotate(230.4deg);
+ transform:rotate(230.4deg)
+}
+
+.c100.p65 .bar{
+ -webkit-transform:rotate(234deg);
+ -moz-transform:rotate(234deg);
+ -ms-transform:rotate(234deg);
+ -o-transform:rotate(234deg);
+ transform:rotate(234deg)
+}
+
+.c100.p66 .bar{
+ -webkit-transform:rotate(237.6deg);
+ -moz-transform:rotate(237.6deg);
+ -ms-transform:rotate(237.6deg);
+ -o-transform:rotate(237.6deg);
+ transform:rotate(237.6deg)
+}
+
+.c100.p67 .bar{
+ -webkit-transform:rotate(241.2deg);
+ -moz-transform:rotate(241.2deg);
+ -ms-transform:rotate(241.2deg);
+ -o-transform:rotate(241.2deg);
+ transform:rotate(241.2deg)
+}
+
+.c100.p68 .bar{
+ -webkit-transform:rotate(244.8deg);
+ -moz-transform:rotate(244.8deg);
+ -ms-transform:rotate(244.8deg);
+ -o-transform:rotate(244.8deg);
+ transform:rotate(244.8deg)
+}
+
+.c100.p69 .bar{
+ -webkit-transform:rotate(248.4deg);
+ -moz-transform:rotate(248.4deg);
+ -ms-transform:rotate(248.4deg);
+ -o-transform:rotate(248.4deg);
+ transform:rotate(248.4deg)
+}
+
+.c100.p70 .bar{
+ -webkit-transform:rotate(252deg);
+ -moz-transform:rotate(252deg);
+ -ms-transform:rotate(252deg);
+ -o-transform:rotate(252deg);
+ transform:rotate(252deg)
+}
+
+.c100.p71 .bar{
+ -webkit-transform:rotate(255.6deg);
+ -moz-transform:rotate(255.6deg);
+ -ms-transform:rotate(255.6deg);
+ -o-transform:rotate(255.6deg);
+ transform:rotate(255.6deg)
+}
+
+.c100.p72 .bar{
+ -webkit-transform:rotate(259.2deg);
+ -moz-transform:rotate(259.2deg);
+ -ms-transform:rotate(259.2deg);
+ -o-transform:rotate(259.2deg);
+ transform:rotate(259.2deg)
+}
+
+.c100.p73 .bar{
+ -webkit-transform:rotate(262.8deg);
+ -moz-transform:rotate(262.8deg);
+ -ms-transform:rotate(262.8deg);
+ -o-transform:rotate(262.8deg);
+ transform:rotate(262.8deg)
+}
+
+.c100.p74 .bar{
+ -webkit-transform:rotate(266.4deg);
+ -moz-transform:rotate(266.4deg);
+ -ms-transform:rotate(266.4deg);
+ -o-transform:rotate(266.4deg);
+ transform:rotate(266.4deg)
+}
+
+.c100.p75 .bar{
+ -webkit-transform:rotate(270deg);
+ -moz-transform:rotate(270deg);
+ -ms-transform:rotate(270deg);
+ -o-transform:rotate(270deg);
+ transform:rotate(270deg)
+}
+
+.c100.p76 .bar{
+ -webkit-transform:rotate(273.6deg);
+ -moz-transform:rotate(273.6deg);
+ -ms-transform:rotate(273.6deg);
+ -o-transform:rotate(273.6deg);
+ transform:rotate(273.6deg)
+}
+
+.c100.p77 .bar{
+ -webkit-transform:rotate(277.2deg);
+ -moz-transform:rotate(277.2deg);
+ -ms-transform:rotate(277.2deg);
+ -o-transform:rotate(277.2deg);
+ transform:rotate(277.2deg)
+}
+
+.c100.p78 .bar{
+ -webkit-transform:rotate(280.8deg);
+ -moz-transform:rotate(280.8deg);
+ -ms-transform:rotate(280.8deg);
+ -o-transform:rotate(280.8deg);
+ transform:rotate(280.8deg)
+}
+
+.c100.p79 .bar{
+ -webkit-transform:rotate(284.4deg);
+ -moz-transform:rotate(284.4deg);
+ -ms-transform:rotate(284.4deg);
+ -o-transform:rotate(284.4deg);
+ transform:rotate(284.4deg)
+}
+
+.c100.p80 .bar{
+ -webkit-transform:rotate(288deg);
+ -moz-transform:rotate(288deg);
+ -ms-transform:rotate(288deg);
+ -o-transform:rotate(288deg);
+ transform:rotate(288deg)
+}
+
+.c100.p81 .bar{
+ -webkit-transform:rotate(291.6deg);
+ -moz-transform:rotate(291.6deg);
+ -ms-transform:rotate(291.6deg);
+ -o-transform:rotate(291.6deg);
+ transform:rotate(291.6deg)
+}
+
+.c100.p82 .bar{
+ -webkit-transform:rotate(295.2deg);
+ -moz-transform:rotate(295.2deg);
+ -ms-transform:rotate(295.2deg);
+ -o-transform:rotate(295.2deg);
+ transform:rotate(295.2deg)
+}
+
+.c100.p83 .bar{
+ -webkit-transform:rotate(298.8deg);
+ -moz-transform:rotate(298.8deg);
+ -ms-transform:rotate(298.8deg);
+ -o-transform:rotate(298.8deg);
+ transform:rotate(298.8deg)
+}
+
+.c100.p84 .bar{
+ -webkit-transform:rotate(302.4deg);
+ -moz-transform:rotate(302.4deg);
+ -ms-transform:rotate(302.4deg);
+ -o-transform:rotate(302.4deg);
+ transform:rotate(302.4deg)
+}
+
+.c100.p85 .bar{
+ -webkit-transform:rotate(306deg);
+ -moz-transform:rotate(306deg);
+ -ms-transform:rotate(306deg);
+ -o-transform:rotate(306deg);
+ transform:rotate(306deg)
+}
+
+.c100.p86 .bar{
+ -webkit-transform:rotate(309.6deg);
+ -moz-transform:rotate(309.6deg);
+ -ms-transform:rotate(309.6deg);
+ -o-transform:rotate(309.6deg);
+ transform:rotate(309.6deg)
+}
+
+.c100.p87 .bar{
+ -webkit-transform:rotate(313.2deg);
+ -moz-transform:rotate(313.2deg);
+ -ms-transform:rotate(313.2deg);
+ -o-transform:rotate(313.2deg);
+ transform:rotate(313.2deg)
+}
+
+.c100.p88 .bar{
+ -webkit-transform:rotate(316.8deg);
+ -moz-transform:rotate(316.8deg);
+ -ms-transform:rotate(316.8deg);
+ -o-transform:rotate(316.8deg);
+ transform:rotate(316.8deg)
+}
+
+.c100.p89 .bar{
+ -webkit-transform:rotate(320.4deg);
+ -moz-transform:rotate(320.4deg);
+ -ms-transform:rotate(320.4deg);
+ -o-transform:rotate(320.4deg);
+ transform:rotate(320.4deg)
+}
+
+.c100.p90 .bar{
+ -webkit-transform:rotate(324deg);
+ -moz-transform:rotate(324deg);
+ -ms-transform:rotate(324deg);
+ -o-transform:rotate(324deg);
+ transform:rotate(324deg)
+}
+
+.c100.p91 .bar{
+ -webkit-transform:rotate(327.6deg);
+ -moz-transform:rotate(327.6deg);
+ -ms-transform:rotate(327.6deg);
+ -o-transform:rotate(327.6deg);
+ transform:rotate(327.6deg)
+}
+
+.c100.p92 .bar{
+ -webkit-transform:rotate(331.2deg);
+ -moz-transform:rotate(331.2deg);
+ -ms-transform:rotate(331.2deg);
+ -o-transform:rotate(331.2deg);
+ transform:rotate(331.2deg)
+}
+
+.c100.p93 .bar{
+ -webkit-transform:rotate(334.8deg);
+ -moz-transform:rotate(334.8deg);
+ -ms-transform:rotate(334.8deg);
+ -o-transform:rotate(334.8deg);
+ transform:rotate(334.8deg)
+}
+
+.c100.p94 .bar{
+ -webkit-transform:rotate(338.4deg);
+ -moz-transform:rotate(338.4deg);
+ -ms-transform:rotate(338.4deg);
+ -o-transform:rotate(338.4deg);
+ transform:rotate(338.4deg)
+}
+
+.c100.p95 .bar{
+ -webkit-transform:rotate(342deg);
+ -moz-transform:rotate(342deg);
+ -ms-transform:rotate(342deg);
+ -o-transform:rotate(342deg);
+ transform:rotate(342deg)
+}
+
+.c100.p96 .bar{
+ -webkit-transform:rotate(345.6deg);
+ -moz-transform:rotate(345.6deg);
+ -ms-transform:rotate(345.6deg);
+ -o-transform:rotate(345.6deg);
+ transform:rotate(345.6deg)
+}
+
+.c100.p97 .bar{
+ -webkit-transform:rotate(349.2deg);
+ -moz-transform:rotate(349.2deg);
+ -ms-transform:rotate(349.2deg);
+ -o-transform:rotate(349.2deg);
+ transform:rotate(349.2deg)
+}
+
+.c100.p98 .bar{
+ -webkit-transform:rotate(352.8deg);
+ -moz-transform:rotate(352.8deg);
+ -ms-transform:rotate(352.8deg);
+ -o-transform:rotate(352.8deg);
+ transform:rotate(352.8deg)
+}
+
+.c100.p99 .bar{
+ -webkit-transform:rotate(356.4deg);
+ -moz-transform:rotate(356.4deg);
+ -ms-transform:rotate(356.4deg);
+ -o-transform:rotate(356.4deg);
+ transform:rotate(356.4deg)
+}
+
+.c100.p100 .bar{
+ -webkit-transform:rotate(360deg);
+ -moz-transform:rotate(360deg);
+ -ms-transform:rotate(360deg);
+ -o-transform:rotate(360deg);
+ transform:rotate(360deg)
+}
+
+.c100:hover{cursor:default}
+.c100:hover > span{width:3.33em;line-height:3.33em;font-size:0.3em;color:#307bbb}
+.c100:hover:after{top:0.04em;left:0.04em;width:0.92em;height:0.92em}
+.c100.dark{background-color:#777777}
+.c100.dark .bar,.c100.dark .fill{border-color:#c6ff00 !important}
+.c100.dark > span{color:#777777}
+.c100.dark:after{background-color:#666666}
+.c100.dark:hover > span{color:#c6ff00}
+.c100.green .bar,.c100.green .fill{border-color:#4db53c !important}
+.c100.green:hover > span{color:#4db53c}.c100.green.dark .bar,.c100.green.dark .fill{border-color:#5fd400 !important}
+.c100.green.dark:hover > span{color:#5fd400}.c100.orange .bar,.c100.orange .fill{border-color:#dd9d22 !important}
+.c100.orange:hover > span{color:#dd9d22}.c100.orange.dark .bar,.c100.orange.dark .fill{border-color:#e08833 !important}
+.c100.orange.dark:hover > span{color:#e08833}
+
+/*Перемещение*/
+
+/*Математика 1*/
+.c100.p85{
+ float:left;
+ margin-left:190px;
+ margin-top:90px;
+}
+.Mark1{
+margin-left:33%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*English 2*/
+.c100.p83{
+ float:left;
+ margin-left:90px;
+ margin-top:90px;
+}
+.Mark2{
+margin-left:30%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*C# 3*/
+.c100.p62{
+ float:left;
+ margin-left:90px;
+ margin-top:90px;
+}
+.Mark3{
+margin-left:33%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*C++ 4*/
+.c100.p65{
+ float:left;
+ margin-left:90px;
+ margin-right:70px;
+ margin-top:90px;
+ margin-bottom:45px
+}
+.Mark4{
+margin-left:33%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*Html 5*/
+.c100.p72{
+ float:left;
+ margin-left:190px;
+ margin-top:90px;
+ margin-bottom:165px
+}
+.Mark5{
+margin-left:33%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*CSS 6*/
+.c100.p75{
+ float:left;
+ margin-left:90px;
+ margin-top:90px;
+ margin-bottom:165px
+}
+.Mark6{
+margin-left:33%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*Phyton 7*/
+.c100.p43{
+ float:left;
+ margin-left:95px;
+ margin-top:90px;
+}
+.Mark7{
+margin-left:31%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
+}
+/*Pascal 8*/
+.c100.p95{
+ float:left;
+ margin-left:100px;
+ margin-right:90px;
+ margin-top:90px;
+}
+.Mark8{
+margin-left:33%;
+margin-top:130px;
+font-family: CURSIVE;
+font-size:17px;
+color:red;
+float:left
diff --git a/Html Skills/Skills.html b/Html Skills/Skills.html
new file mode 100644
index 00000000..072de637
--- /dev/null
+++ b/Html Skills/Skills.html
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Html Skills/style/222.png b/Html Skills/style/222.png
new file mode 100644
index 00000000..9264ba61
Binary files /dev/null and b/Html Skills/style/222.png differ
diff --git a/Html Skills/style/qq.png b/Html Skills/style/qq.png
new file mode 100644
index 00000000..1373d041
Binary files /dev/null and b/Html Skills/style/qq.png differ
diff --git a/Html Skills/style/s375.png b/Html Skills/style/s375.png
new file mode 100644
index 00000000..55bf7478
Binary files /dev/null and b/Html Skills/style/s375.png differ
diff --git a/Html Skills/style/ww.png b/Html Skills/style/ww.png
new file mode 100644
index 00000000..ada4a43b
Binary files /dev/null and b/Html Skills/style/ww.png differ
diff --git "a/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-01.png" "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-01.png"
new file mode 100644
index 00000000..284ece9f
Binary files /dev/null and "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-01.png" differ
diff --git "a/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-02.png" "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-02.png"
new file mode 100644
index 00000000..3ed73c92
Binary files /dev/null and "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-02.png" differ
diff --git "a/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-03.png" "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-03.png"
new file mode 100644
index 00000000..4732312a
Binary files /dev/null and "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-03.png" differ
diff --git "a/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-04.png" "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-04.png"
new file mode 100644
index 00000000..abe50230
Binary files /dev/null and "b/Html Skills/\320\236\320\261\320\273\320\260\320\272\320\260/cloud-04.png" differ
diff --git a/Html progect/CSS/style.css b/Html progect/CSS/style.css
new file mode 100644
index 00000000..11755dea
--- /dev/null
+++ b/Html progect/CSS/style.css
@@ -0,0 +1,110 @@
+* {
+margin: 0;
+padding: 0;
+}
+
+body{
+ background-image: url("../style/222.png")
+}
+#block-body{
+ width: 1305px;
+ margin: 5px auto;
+ height: auto;
+}
+head{
+ width: 1305px;
+ height: 80px;
+}
+.top-menu {
+ width: 685px;
+ height: 85px;
+ float: left;
+ margin-top:9px;
+ margin-left: 255px;
+ margin-right: 145px;
+ background-color: black;
+ border-radius: 15px 15px 0px 0px;
+}
+.top-menu ul li{
+ list-style: none;
+ float: left;
+ text-align: center;
+}
+.top-menu ul li{
+ display: block;
+ text-decoration: none;
+ font-family: CURSIVE;
+ height: 55px;
+ padding-top: 30px;
+ padding-left: 70px;
+ padding-right: 70px;
+ cursor: pointer;
+
+}
+.top-menu ul li a:hover{
+ transition: all 0.5s ease;
+ -webkit-transition: all 0.5s ease;
+ -o-transition: all 0.5s ease;
+ -ms-transition:all 0.5s ease;
+ -moz-transition:all 0.5s ease;
+ background: white;
+ color: black;
+ border-radius: 8px;
+
+}
+.top-menu ul li a{
+ text-decoration: none;
+ color: white;
+ font-size:20px;
+ padding: 5px;
+
+}
+
+.Front {
+ width: 685px;
+ height: 430px;
+ float: left;
+ margin-top:5px;
+ margin-left: 255px;
+ margin-right: 145px;
+ background-color: #00FFFF;
+}
+
+.Front p{
+ text-decoration: none;
+ display: block;
+ font-size: 25px;
+ padding-left: 280px;
+ padding-top: 20px;
+}
+
+.Front d{
+ display: block;
+ font-size: 15px;
+ padding-left:35px;
+ padding-right:35px;
+ padding-top: 15px;
+ font-family: CURSIVE;
+ font-size: 17px;
+}
+
+
+.bot {
+ width: 685px;
+ height: 70px;
+ float: left;
+ margin-top:5px;
+ margin-bottom: 5px;
+ margin-left: 255px;
+ margin-right: 145px;
+ background-color: black;
+ border-radius: 0px 0px 15px 15px;
+}
+
+.bot z {
+ color: white;
+ padding-left: 44.5%;
+}
+
+
+
diff --git a/Html progect/index.html b/Html progect/index.html
new file mode 100644
index 00000000..d6d39a84
--- /dev/null
+++ b/Html progect/index.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Story
+
Once upon a time in a distant faraway galaxy ...
+
+War! Republic shudders under attack
+the ruthless lord of the Sith, Count Dooku.
+Heroes fight on both sides.
+Everywhere is disaster.
+With the support of the separatist army, cruel
+General Grivos entered the capital of the republic
+and kidnapped Chancellor Palpatine -
+leader of the galactic senate.
+While the separatist army is trying to hide
+from the surrounded capital with a valuable hostage,
+two Jedi Knights perform an assignment
+to rescue the captured chancellor ...
+
+
+
+ O . D . V
+
+
+
\ No newline at end of file
diff --git a/Html progect/style/222.png b/Html progect/style/222.png
new file mode 100644
index 00000000..9264ba61
Binary files /dev/null and b/Html progect/style/222.png differ
diff --git a/Html progect/style/qq.png b/Html progect/style/qq.png
new file mode 100644
index 00000000..1373d041
Binary files /dev/null and b/Html progect/style/qq.png differ
diff --git a/Html progect/style/s375.png b/Html progect/style/s375.png
new file mode 100644
index 00000000..55bf7478
Binary files /dev/null and b/Html progect/style/s375.png differ
diff --git a/Html progect/style/ww.png b/Html progect/style/ww.png
new file mode 100644
index 00000000..ada4a43b
Binary files /dev/null and b/Html progect/style/ww.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..fa6d75f3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Story
+
Once upon a time in a distant faraway galaxy ...
+
+War! Republic shudders under attack
+the ruthless lord of the Sith, Count Dooku.
+Heroes fight on both sides.
+Everywhere is disaster.
+With the support of the separatist army, cruel
+General Grivos entered the capital of the republic
+and kidnapped Chancellor Palpatine -
+leader of the galactic senate.
+While the separatist army is trying to hide
+from the surrounded capital with a valuable hostage,
+two Jedi Knights perform an assignment
+to rescue the captured chancellor ...
+
+
+
+ O . D . V
+
+
+
\ No newline at end of file