diff --git a/artem/banner.png b/artem/banner.png new file mode 100644 index 0000000..c567b4e Binary files /dev/null and b/artem/banner.png differ diff --git a/artem/index.html b/artem/index.html new file mode 100644 index 0000000..b7a6ffa --- /dev/null +++ b/artem/index.html @@ -0,0 +1,111 @@ + + + + + + + КупиКупе + + + + + + + + + + + +
+ КупиКупе + +
+ Купе + Кухни + Кресла и стулья + Офисная и торговая мебель +
+
+
+ Сделать заказ +
+ +
+
+
+
+
+
+ + +
+ +
+
+ Изготавливаем купе, кухни, офисную мебель и кресла +
+ + + + + + + + + + + + diff --git a/artem/logo@2x.png b/artem/logo@2x.png new file mode 100644 index 0000000..2c60c90 Binary files /dev/null and b/artem/logo@2x.png differ diff --git a/artem/style.css b/artem/style.css new file mode 100644 index 0000000..2098f94 --- /dev/null +++ b/artem/style.css @@ -0,0 +1,134 @@ +.button { + font-size: 16px; + display: inline-block; + text-align: center; + padding: 15px 15px; + text-decoration: none; + border-radius: 25px; + line-height: 1.25em; + font-weight: bold; + margin: 10px 0; + background: #fff; + color: #008fe9; + } + + .button:hover { + background: #d0d9ff; + color:#d0d9ff ; + } + + .button1 { + font-size: 16px; + display: inline-block; + text-align: center; + padding: 15px 15px; + text-decoration: none; + border-radius: 25px; + line-height: 1.25em; + font-weight: bold; + margin: 10px 0; + background:#65625f; + color: #fff; + margin:260px 260px 0 260px; + } + .button1:hover{ + font-size: 16px; + display: inline-block; + text-align: center; + padding: 15px 15px; + text-decoration: none; + border-radius: 25px; + line-height: 1.25em; + font-weight: bold; + margin: 10px 0; + background: #65625f; + color:#fff ; + margin:260px 260px 0 260px; + } + .link { + color: inherit; + text-decoration: inherit; + margin: 0.5em 20px 0.5em 0; + float: left; + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + } + .link:hover { + color: inherit; + text-decoration: inherit; + margin: 0.5em 20px 0.5em 0; + float: left; + border-bottom: 1px solid rgba(255, 255, 255, 0.6) + } + + .header{ + background: rgba(20, 59, 216, 0.95); + width: 1200px; + margin: 0 auto; + font-size: 20px; + } + + .header__left { + float: left; + width: 270px + } + .header__center { + margin: 0 250px 0 270px + + } + .header__right { + float: right; + width: 150px; + padding: 0px 47px 0px 0px; + } + + .header__logo { + background: url(logo@2x.png) no-repeat; + background-size: 170px 17px; + width: 219px; + height: 17px; + display:block; + margin: 36px auto; + + } + .header__link { + color: #fff; + text-decoration: inherit; + margin: 0.5em 20px 0.5em 0; + float: left; + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + } + .header__link:hover{ + border-bottom-color: rgba(255, 255, 255, 0.6); + } + + + .clearfix {clear: both;} + .base__body{ + margin: 0; + } + .base__block { + width: 1200px; + margin: 0 auto; + } + .banner { + background: url(banner.png); + height: 430px; + background-size: 100%; + text-align: center; + + } + .banner__footer{ + position: absolute; + bottom: 0; + width: 100%; + text-align:center; + } + + + + + + + + + \ No newline at end of file