diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..bd1befc --- /dev/null +++ b/css/style.css @@ -0,0 +1,227 @@ +@import url("https://fonts.googleapis.com/css?family=Ubuntu+Condensed&display=swap"); +body { + font-size: 16px; + font-family: 'Ubuntu Condensed', serif-sans; + color: #0d0d0d; +} + +p { + margin-top: 0; + margin-bottom: 1.4em; +} + +a { + color: #0d0d0d; +} + +progress, progress[role] { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + border: none; + background-size: auto; +} + +progress[role]:after { + background-image: none; +} + +progress[role] strong { + display: none; +} + +.grid-container { + padding: 4% 5%; + margin-bottom: 32px; + display: -ms-grid; + display: grid; + -webkit-column-gap: 3%; + column-gap: 3%; + row-gap: 4%; + -ms-flex-line-pack: center; + align-content: center; + -ms-grid-columns: (1fr)[3]; + grid-template-columns: repeat(3, 1fr); + -ms-grid-rows: auto; + grid-template-rows: auto; + grid-template-areas: "about-me about-me social-links" "skills education education"; +} + +.header { + color: #ffffff; + height: 40%; + padding: 48px 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background: #666666 url(../img/background.png) center/cover; +} + +.header .the-big-awesome-letter { + font-size: 3em; + padding: 18px; + border: 1px solid #ffffff; +} + +.header__title { + font-size: 3em; + margin-top: 24px; + margin-bottom: 10px; +} + +.header__subtitle { + font-size: 1.2em; +} + +.section { + padding: 32px 24px; + border: 1px solid #666666; + border-radius: 2px; +} + +.section__heading { + margin-bottom: .5em; + font-size: 1.4em; + font-weight: bold; +} + +.section__subheading { + font-size: 1.1em; + font-weight: bold; +} + +.section__icon { + display: inline-block; + position: relative; + font-size: 2.8em; + margin-bottom: 16px; +} + +.section__icon::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 50%; + border-radius: 2px; + background-color: #0d0d0d; +} + +.section__subicon { + display: inline-block; + position: relative; + font-size: 1.8em; + margin-bottom: 16px; +} + +.section__subicon::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 50%; + border-radius: 2px; + background-color: #0d0d0d; +} + +.section.striped { + background: repeating-linear-gradient(45deg, rgba(102, 102, 102, 0.15), rgba(102, 102, 102, 0.15) 5px, #ffffff 5px, #ffffff 15px); +} + +.section.about-me { + -ms-grid-row: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 2; + grid-area: about-me; +} + +.section.contacts { + -ms-grid-row: 1; + -ms-grid-column: 3; + grid-area: social-links; +} + +.section.contacts .round-img { + background: url(https://sun9-36.userapi.com/c857420/v857420896/145dec/qCgHQ5HYDw8.jpg) center 100%/cover; + width: 260px; + height: 260px; + border-radius: 50%; + margin: 0 auto; + border: 1px solid #0d0d0d; + margin-bottom: 1.4em; +} + +.section.contacts p { + margin-bottom: .8em; +} + +.section.contacts .social-links a { + font-size: 1.6em; + margin-right: 8px; +} + +.section.skills { + -ms-grid-row: 2; + -ms-grid-column: 1; + grid-area: skills; +} + +.section.skills .skills__progress span:nth-child(2) { + float: right; +} + +.section.skills .skills__progress .uk-progress { + margin-top: 0; + height: 4px; +} + +.section.skills .skills__progress .uk-progress::-webkit-progress-value { + background: #0d0d0d; +} + +.section.skills .skills__progress .uk-progress::-webkit-progress-bar { + background: #666666; +} + +.section.education { + -ms-grid-row: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 2; + grid-area: education; +} + +.section.education .entry { + margin-bottom: 2em; +} + +.section.education .education__heading { + position: relative; + font-weight: bold; + font-size: 1.1em; +} + +.section.education .education__heading::before { + content: ''; + width: 18px; + height: 18px; + border: 1px solid #666666; + background-color: #ffffff; + outline: 3px solid #ffffff; + position: absolute; + left: -34px; + top: 4px; + border-radius: 50%; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/img/background.png b/img/background.png new file mode 100644 index 0000000..298ced8 Binary files /dev/null and b/img/background.png differ diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 0000000..8d0fa01 Binary files /dev/null and b/img/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..35de631 --- /dev/null +++ b/index.html @@ -0,0 +1,114 @@ + + + + + + + Обо мне + + + + + + + + + + + + + + + + + + + +
+
V
+
Савченко Владислав
+
будущий инженер
+
+
+
+
+ +
+
Обо Мне
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt asperiores incidunt laudantium in culpa + sit optio, obcaecati nam repellendus, facilis, aliquid odio delectus harum. Perferendis animi quod + dolorem at officiis! +
+
THE BEAST. +

+
+ +
+
Хобби
+

комп. игры | футболл | баскетболл

+
+ +
+
+

ФИО: Савченко Владислав Геннадьевич

+

Дата рождения: 07.12.2000

+

Телефон: +7 (901) 288-22-48

+

E-mail: vladyusya0712@mail.ru

+ +
+ +
+
+ +
+
Навыки
+
+ Математика + 88% + +
+
+ Информатика + 95% + +
+
+ Английский язык + 73% + +
+
+ +
+
+ +
+
Образование
+
+
+ Ивановский государственный химико-технологический университет +
+
+ Факультет техники, управления и цифровой инфраструктуры +
+ Специальность: Информационные системы и технологии +
+
+
+
+ МОУ СОШ №9 +
+
+ Полное среднее образование +
+
+
+
+ + + \ No newline at end of file