diff --git a/frontend/raw/addingAdv.html b/frontend/raw/addingAdv.html new file mode 100644 index 0000000..c49bc02 --- /dev/null +++ b/frontend/raw/addingAdv.html @@ -0,0 +1,144 @@ + + + + + + + + + + + Metr + + +
+
+
+
+
+
+ + Томск +
+
+
+
+ каталог +
+
+ блог +
+
+
+
+ контакты +
+
+ помощь +
+
+
+
+
+ +
+
+ + + +
+
+
+
+
+ + + +
+
+ + + +
+
+
+
+
+ +
+
+
+
+ +
+

Виктория

+
+
+

4,5

+
+ + + + + +
+
+
+
+
+
+

Обо мне

 +
+
+

Мои объявления

 +
+
+

Добавить объявление

 +
+
+

Избранное

 +
+
+
+
+
+

Добавить объявление

+
+ + + +
+
+
+

Название для объявления:

+ +
+
+

Адрес:

+ +
+
+

Цена:

+ +
+
+

Кол-во комнат:

+ +
+
+

Площадь:

+ +
+
+

Описание:

+ +
+
+
+
+
+ + + \ No newline at end of file diff --git a/frontend/raw/assets/css/addingAdv.css b/frontend/raw/assets/css/addingAdv.css new file mode 100644 index 0000000..ccd4421 --- /dev/null +++ b/frontend/raw/assets/css/addingAdv.css @@ -0,0 +1,329 @@ +/* Fonts */ + +@import url("../../fonts/StapelS/style.css"); + +body { + margin: 0; + font-family: 'Inter', sans-serif; + background-color: rgba(124, 173, 201, 1); + font-size: 17px; + color: white; + background: black; + line-height: 1.6; +} + +*, +*:before, +*:after { + box-sizing: border-box; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; +} + +/* Main */ +.main { + width: 100%; +} + + +/* Container */ +.container { + width: 100%; + max-width: 1920px; + margin: 0 auto; +} + + +/* Header */ + +.header { + width: 100%; + + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1000; +} + +.header__table { + width: 1052px; + height: 100px; + border: 2px solid white; + margin: 50px auto 0; + display: flex; + flex-direction: row; + justify-content: center; + + color: white; + +} + +.header__image { + width: 140px; + height: 96px; + margin: 0 auto; + + background: url("../images/metr.svg") center + no-repeat; + background-size: cover; + border-right: 2px solid white; +} + +.header__block { + width: 145px; + height: 96px; + margin: 0 auto; + border-right: 2px solid white; +} + +.header__search { + width: 426px; + height: 96px; + margin: 0 auto; + display: flex; + flex-direction: row; + justify-content: center; + + border-right: 2px solid white; +} + +.search { + width: 340px; + height: 40px; + padding-top: 25px; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.search__block { + width: 300px; + height: 40px; + margin: 0; + padding-top: 20px; + + background: white; + border: 1px solid black; +} + +.search__img { + width: 40px; + height: 40px; + margin: 0; + padding-top: 2px; +} + +.header__contacts { + width: 46px; + height: 96px; + margin: 0 auto; + display: flex; + flex-direction: column; +} + +.header__contacts__imgtop { + width: 48px; + height: 48px; + padding-top: 5px; + border-bottom: 2px solid white; +} + +.header__contacts__img { + width: 48px; + height: 48px; + padding-top: 5px; +} + +.header__block__content { + width: 70px; + height: 20px; + margin: 0 auto; + padding-top: 35px; +} + +.header__block__contenttop { + width: 145px; + height: 48px; + margin: 0 auto; + border-bottom: 2px solid white; +} + +.header__block__contentbott { + width: 145px; + height: 48px; +} + +.nav__link { + text-decoration: none; + color: white; + font-size: 15px; + + display: flex; + flex-direction: row; + justify-content: center; + padding-top: 10px; +} + +.nav__link_tomsk { + text-decoration: none; + color: white; + font-size: 15px; + +} + +.nav__link:hover, .nav__link_tomsk:hover { + color: #389EEB; + transition: color .2s linear; +} + +/* Intro */ +.intro { + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + padding-top: 250px; + + background-image: linear-gradient(to top, rgb(124, 173, 201, 1), rgb(94, 196, 242, 0.6)), url( + "../images/intro.jpg"); + background-size: cover; +} + +.main { + display: flex; + flex-direction: row; + justify-content: center; + margin: 0 10%; +} + +.user__info { + display: flex; + flex-direction: column; + justify-content: space-around; + margin-right: 5%; +} + +.user__logo { + display: flex; + flex-direction: row; + justify-content: center; + border-radius: 20px; + width: 200px; + height: 200px; + padding-left: 20%; +} + +.username { + display: flex; + flex-direction: row; + justify-content: center; +} + +.user__stat { + display: flex; + flex-direction: row; + margin: 2% 0 2% 5%; +} + +.stars { + display: flex; + flex-direction: row; + margin-left: 5%; + padding-bottom: 1%; +} + +.user__hrefs { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: left; + width: 110%; + padding-left: 5%; +} + +.user__hrefs a{ + text-decoration: none; + color: white; + font-size: 15px; + font-weight: 600; +} + +.about__user { + display: flex; + flex-direction: column; +} + +.about__images { + width: 105%; + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 1%; +} + +.about__describtions { + margin-top: 5%; +} + +.descriptions { + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.descriptions__name { + display: flex; + flex-direction: row; + margin-top: 1%; +} + +.descriptions__address { + display: flex; + flex-direction: row; + margin-top: 1%; +} + +.descriptions__price { + display: flex; + flex-direction: row; + margin-top: 1%; +} + +.descriptions__flats { + display: flex; + flex-direction: row; + margin-top: 1%; +} + +.descriptions__square { + display: flex; + flex-direction: row; + margin-top: 1%; +} + +.descriptions__text { + display: flex; + flex-direction: column; + margin-top: 1%; +} + +.about__describtions input { + background-color: rgb(201, 233, 252); + border-radius: 5px; + border-color: white; + box-shadow: none; + border: 1px solid rgb(83, 110, 136); +} + +.about__describtions h4 { + margin-right: 3%; +} + +.descriptions__text input { + width: 100%; + height: 100px; +} \ No newline at end of file