diff --git a/images/110x110.png b/images/110x110.png old mode 100644 new mode 100755 diff --git a/images/90x90.png b/images/90x90.png old mode 100644 new mode 100755 diff --git a/images/email.png b/images/email.png old mode 100644 new mode 100755 diff --git a/images/facebook.png b/images/facebook.png old mode 100644 new mode 100755 diff --git a/images/github.png b/images/github.png old mode 100644 new mode 100755 diff --git a/images/phone.png b/images/phone.png old mode 100644 new mode 100755 diff --git a/index.html b/index.html old mode 100644 new mode 100755 index f4587c8..8196190 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@ -
+
diff --git a/readme.md b/readme.md old mode 100644 new mode 100755 diff --git a/style/normalize.css b/style/normalize.css old mode 100644 new mode 100755 diff --git a/style/style.css b/style/style.css new file mode 100755 index 0000000..ce73782 --- /dev/null +++ b/style/style.css @@ -0,0 +1,192 @@ + + +body { + + margin: 0 auto; + + +} + + +header > div, .content { + max-width:960px; + margin:0 auto; + height:160px ; +} + +.content { + padding-right: 10px; /* 3 */ + padding-left: 10px; /* 3 */ +} + +section{ + float:left; + min-height:300px; + width:100%; + +} + +header{ + width:100%; + background: rgb(153, 151, 151); + +} + +h1{ + margin-top:0; +} + + +dl,dt,dd{ + margin:0; +} + + + +#about p { + margin-bottom: 0; +} + + +figure { + float: left; margin-top: 20px; +} + +hgroup { + color: red; float: left; margin-right: 10px; margin-top: 40px; + +} +.content dl { + margin-top: -25px; +} + +#contact > h3 { + display: none; +} + + + +dd { width: 75%; + font-size: 20px; + position: relative; + left: 170px; + top: -24px; + color: red; + background-color: black; +} + + +.contacts a { + font-size: 20px; + color:red; + background-color: black; + text-decoration: none; +} + + +dt { + font-size: 20px; + color: white; + background-color: red; +} + + + + +.skill { + margin: 5px; + height: 25px; + position: relative; +} + + +[data-skill] { + color: white; + font-size: 14px; + background: rgb(228, 228, 228); + font-family: sans-serif; +} + + + + .skills-primary + [data-skill="5"] span , [data-skill="3"] span, [data-skill="1"] span { + background-color: red; + width: 50%; height: 18px; + display: block; + position: absolute; + top: 2.5px; left: 2.5px; } + + .skills-secondary + [data-skill="5"] span, [data-skill="7"] span, [data-skill="9"] span{ + background-color: rgb(255, 67, 67); + width: 88%; height: 18px; + display: block; + position: absolute; + top: 2.5px; left: 2.5px; + + } + + +.skills-primary::before { + content: "Main" +} + +.skills-secondary::before { + content: "Other" +} + + + + + h3 { + /* font-weight: normal; */ + font-family: Helvetica ; + border-bottom: 1px solid rgb(184, 184, 184); + width: 500px } + + h3::before { + content: ''; display: inline-block; + margin-right: 5px; + background-color: red; + border-radius: 50%; + width: 20px; height: 20px; + } + + + .experience-date-separator, h4 { + color: red; + } + + + + + + span.experience-institution, + span.experience-institution::before { + content: '@ '; + font-weight: normal; + } + + + + @media screen and (min-width:700px){ + section{ + width:50%; + } + #contact{ + position: absolute; + top:50px; + right:0; + } + #contact h3{ + display:none; + + } + + } + + + + + diff --git a/style1-mobile.png b/style1-mobile.png old mode 100644 new mode 100755 diff --git a/style1.png b/style1.png old mode 100644 new mode 100755 diff --git a/style2-mobile.png b/style2-mobile.png old mode 100644 new mode 100755 diff --git a/style2.png b/style2.png old mode 100644 new mode 100755