-
-
+
-
+
+
+ {% if request.user.is_contractor %}
+
+
+
+ {% endif %}
+
+
+
+ {% if request.user.is_authenticated %}
+
+
+
+
+
+ {% if request.user.is_contractor %}
+ {% contractor_indicator request.user %}
+ {% endif %}
+
+
+
+ {% if request.user.is_contractor %}
+
+ {% endif %}
+
+ {% else %}
+ Регистрация
+
+
+
+ {% endif %}
+
+
+
{% activeurl %}
- {% if request.user.is_authenticated %}
-
-
+
- {% else %}
-
- {% endif %}
- {% endactiveurl %}
-
- {% if request.user.is_authenticated %}
-
-
- {% if request.user.is_contractor %}
- {% contractor_indicator request.user %}
- {% endif %}
-
-
-
-
+
- {% else %}
-
- {% endif %}
+ {% endactiveurl %}
-
+
\ No newline at end of file
diff --git a/templates/partials/inc-captcha.html b/templates/partials/inc-captcha.html
new file mode 100644
index 0000000..06d211c
--- /dev/null
+++ b/templates/partials/inc-captcha.html
@@ -0,0 +1,3 @@
+{{ form.captcha }}
+{{ user_form.captcha }}
+{{ form.captcha.errors }}
\ No newline at end of file
diff --git a/templates/partials/inc-registration_form.html b/templates/partials/inc-registration_form.html
new file mode 100644
index 0000000..a94bd34
--- /dev/null
+++ b/templates/partials/inc-registration_form.html
@@ -0,0 +1,61 @@
+{% load sass_tags %}
+
+
+
\ No newline at end of file
diff --git a/templates/partials/modals/modal-registration_form.html b/templates/partials/modals/modal-registration_form.html
new file mode 100644
index 0000000..b8f69f0
--- /dev/null
+++ b/templates/partials/modals/modal-registration_form.html
@@ -0,0 +1,19 @@
+
diff --git a/templates/partials/sass/footer.sass b/templates/partials/sass/footer.sass
index 34e0e32..0476f6f 100644
--- a/templates/partials/sass/footer.sass
+++ b/templates/partials/sass/footer.sass
@@ -7,6 +7,9 @@ footer
width: 300px
height: 3px
background-color: black
+ ul
+ margin: 0
+ padding: 0
.logoF
@@ -88,4 +91,7 @@ footer
&:link, &:visited
font-family: 'Arial-MT-Regular', sans-serif
color: #6c6c6c
- font-size: 15px
\ No newline at end of file
+ font-size: 15px
+ &:hover
+ text-decoration: none
+ color: #383838
\ No newline at end of file
diff --git a/templates/partials/sass/header.sass b/templates/partials/sass/header.sass
index 83f0788..7fc4ff5 100644
--- a/templates/partials/sass/header.sass
+++ b/templates/partials/sass/header.sass
@@ -1,393 +1,340 @@
-$static: '/static'
+@import "base/variavles"
-.wrTop
- width: 100%
- background-color: black
-.topMain
- width: 1200px
- margin: 0 auto
- .col-lg-7
- width: 55%
- .col-lg-2
- width: 19%
- .mainMenu li
- padding-right: 25px
- a
- font-size: 15px
-.welcomeMain
- width: 100%
- float: left
- font-size: 48px
- text-align: center
- padding: 54px 0 39px 0
- font-family: 'pfbeausanspro-thin', sans-serif
-
-.welcomeMain
- line-height: 48px
- font-family: 'pfdintextcomppro-regular', sans-serif
- font-size: 43px
-
-.logo
- width: 183px
- height: 36px
- background: url('#{$static}/img/logo.png') no-repeat center
+%icons
+ content: ''
+ display: inline-block
+ vertical-align: middle
+ margin-right: 5px
background-size: cover
- float: left
- margin: 18px 0 21px 10px
- cursor: pointer
-.mainMenu
- float: left
- margin: 26px 0 0 0
- li
+header
+ font-size: 11pt
+ ul
+ padding-left: 0
+ margin: 0
+ background-color: #000
+ color: #FFF
+ .logo
float: left
- position: relative
- padding-right: 30px
- list-style: none
- a
- text-decoration: none
- border-bottom: 3px solid transparent
- -webkit-transition: all 0.4s ease-out
- -moz-transition: all 0.4s ease-out
- transition: all 0.4s ease-out
- &:hover a
- border-color: #ff0029
- span
- content: ''
- position: absolute
- height: 23px
- left: 0
- top: -1px
- .icon_tm1 span
- width: 26px
- //background: url('../img/listMain.png') no-repeat left
- background-size: cover
- background: url('#{$static}/img/listMain.png') no-repeat 0 0
- .icon_tm2 span
- width: 22px
- background-size: cover
- background: url('#{$static}/img/listMain.png') no-repeat -26px 0
- .icon_tm3 span
- width: 24px
- background-size: cover
- background: url('#{$static}/img/listMain.png') no-repeat -48px 0
-
- .icon_tml span
- content: ''
- position: absolute
- width: 27px
- height: 24px
- //left: -35px
- top: 0
- background: url('#{$static}/img/list4.png') no-repeat center !important
- background-size: cover !important
-
-.icon_tml:hover span
- background: url('#{$static}/img/list4tml.png') no-repeat center !important
- background-size: cover !important
-
-.icon_tm1:hover span
- width: 26px
- background: url('#{$static}/img/listMain2.png') no-repeat left !important
- background-size: cover
- background-position: 0 0 !important
-
-.icon_tm2:hover span
- width: 22px
- background: url('#{$static}/img/listMain2.png') no-repeat left !important
- background-size: cover
- background-position: -26px 0 !important
-
-.icon_tm3:hover span
- width: 26px !important
- background: url('#{$static}/img/listMain2.png') no-repeat left !important
- background-size: cover
- background-position: -49px 0 !important
-
-.rating
- width: 46px
- height: 46px
- float: right
- border-radius: 100%
- background-color: #4D4D4D
- margin: 15px 0 0 10px
- position: relative
-
-.ratingInset
- width: 46px
- height: 46px
- border-radius: 100%
- background-color: #FF0027
- position: absolute
- /*left:-1.859px;*/
- /*bottom: 3px;*/
- clip: rect(0, 22px, 50px, 0)
- transform: rotate(-90deg)
-
-.iconRating
- width: 100%
- height: 100%
- position: absolute
- left: 0
- top: 0
- background: url('#{$static}/img/button12.png') no-repeat center
-
-.ratingPer
- color: #ff2c2c
- font-size: 18px
- font-family: 'pfdintextcomppro-regular', sans-serif
- float: right
- margin: 28px 0 0 9px
- cursor: pointer
-
-.mainMenu li
- &:last-child
- padding-right: 0
- a
- color: white
- font-size: 18px
- padding: 30px 0 27px 40px
- font-family: 'pfbeausanspro-reg', sans-serif
- &.active > a
- border-color: #ff0029
- &.icon_tm1.active span
- background: url('#{$static}/img/listMain2.png') no-repeat !important
- &.officeList.active span
- background: url('#{$static}/img/list4tml.png') no-repeat center !important
- &.icon_tm2.active span
- background: url('#{$static}/img/listMain2.png') no-repeat center !important
- &.icon_tm3.active span
- background: url('#{$static}/img/listMain2.png') no-repeat right !important
-
-li.officeList.icon_tml > a > p
- display: inline-block
- padding: 5px 7px 3px 7px
- background: #ff0000
- border-radius: 35px
- position: absolute
- right: -34px
- top: -4px
-
-.changeBlock
- width: 485px
- overflow: hidden
- padding: 113px 0 0 0
- position: relative
- &a
- border: none
- cursor: pointer
- height: 40px
- border-radius: 40px
- font-size: 20px
- text-transform: uppercase
- font-family: 'pfdintextcomppro-regular', sans-serif
- letter-spacing: 4px
- position: relative
- top: -60px
- display: table
- margin: auto
-
-.changeBlock1
- float: left
- margin-left: -15px
- background-color: rgba(255, 0, 6, 0.7)
- &a
- &:link,
- &:visited
- background: url('#{$static}/img/button1.png') no-repeat 25px, black
- color: white
- padding: 24px 26px 20px 72px
+ height: 75px
+ display: flex
+ align-items: center
-.changeBlock2
- float: right
- margin-right: -15px
- background-color: rgba(0, 0, 0, 0.7)
- &a
- &:link,
- &:visited
- background: url('#{$static}/img/button2.png') no-repeat 27px, white
- color: black
- padding: 24px 26px 20px 72px
-
-.changeBlock
- p
- font-family: 'Arial-MT-Regular', sans-serif
+ .menu-nav
+ display: flex
+ justify-content: center
+ //align-items: center
+ height: 75px
+ a, a:hover
+ color: #FFF
+ text-decoration: none
+ padding-left: 4px
+ .menu-items
+ display: inline-flex
+ .count
+ display: inline-block
+ color: red
+ font-family: 'pfbeausanspro-reg', sans-serif
+ background: none
+ border-radius: 0
+ position: inherit
+ padding-left: 5px
+ padding-bottom: 0
+ line-height: 1em
+ line-break: auto
+ li
+ list-style: none
+ a
+ display: flex
+ align-items: center
-.changeBlock1
- p
- color: white
+ height: 75px
+ margin-right: 20px
+ cursor: pointer
+ border-bottom: 3px solid black
+ pointer-events: stroke
+ .icon_tm1 a:before
+ @extend %icons
+ width: 26px
+ height: 26px
+ background: url('#{$static}/img/listMain.png') no-repeat 0 0
+ .icon_tm2 a:before
+ @extend %icons
+ width: 22px
+ height: 22px
+ background: url('#{$static}/img/listMain.png') no-repeat -26px 0
+ .icon_tm3 a:before
+ @extend %icons
+ width: 24px
+ height: 24px
+ background: url('#{$static}/img/listMain.png') no-repeat -48px 0
+ .icon_tml a:before
+ @extend %icons
+ width: 27px
+ height: 24px
+ background: url('#{$static}/img/list4.png') no-repeat center
-.changeBlock2
- p
- color: black
+ .icon_tml a:hover
+ border-bottom: 3px solid red
+ &:before
+ background: url('#{$static}/img/list4tml.png') no-repeat center
+ background-size: cover
+ .icon_tm1 a:hover
+ border-bottom: 3px solid red
+ &:before
+ background-size: cover
+ width: 26px
+ background: url('#{$static}/img/listMain2.png') no-repeat 0 0
+ .icon_tm2 a:hover
+ border-bottom: 3px solid red
+ &:before
+ width: 22px
+ background-size: cover
+ background: url('#{$static}/img/listMain2.png') no-repeat -26px 0
-.changeBlock
- min-height: 500px
- display: table
- padding: 143px 20px 120px 20px
- &:after
- content: ''
- position: absolute
- width: 66px
- height: 1px
- left: 50%
- margin-left: -30px
- background-color: white
- bottom: 60px
+ .icon_tm3 a:hover
+ border-bottom: 3px solid red
+ &:before
+ background:
+ image: url('#{$static}/img/listMain2.png')
+ repeat: no-repeat
+ position: -50px 0
+ background-size: cover
+ .user-nav
+ float: right
+ height: 75px
+ .user-items
+ display: flex
+ align-items: center
+ li
+ display: inline-block
+ .user-info
+ vertical-align: middle
+ padding-right: 5px
+ a
+ display: block
+ color: white
+ cursor: pointer
+ &:hover
+ text-decoration: none
+ color: #FF0029
+ .cash
+ text-align: right
+ padding-top: 4px
+ .icon_hand
+ padding-left: 26px
+ background:
+ image: url("#{$static}/img/icons/icon_hands.png")
+ size: 24px 24px
+ repeat: no-repeat
+ &:hover
+ background-image: url("#{$static}/img/icons/icon_hands_red.png")
+ .icon_chat
+ margin-top: 4px
+ padding-left: 26px
+ background:
+ image: url("#{$static}/img/icons/icon_speach-ball.png")
+ size: 18px 18px
+ repeat: no-repeat
+ &:hover
+ background-image: url("#{$static}/img/icons/icon_speach-ball_red.png")
+ .imgProfile
+ margin: 0 //глушим main.css
+ img
+ width: 75px
+ height: 75px
+ .reg, .reg:link, .reg:visited
+ color: #fb1818
+ font-size: 16px
+ text-transform: uppercase
+ float: left
+ line-height: 75px
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ letter-spacing: 4px
+ text-decoration: none
-.changeBlock2
- float: right
- margin-right: -15px
- background-color: rgba(0, 0, 0, 0.7)
+ .lock
+ width: 75px
+ height: 75px
+ background: url('#{$static}/img/lock.png') no-repeat center, white
+ float: right
+ cursor: pointer
+ margin-left: 20px
+ margin-right: 0
+ .rating
+ display: flex
+ align-items: center
+ position: relative
+ cursor: pointer
+ margin-left: 10px
-.square
- width: 46px
- height: 46px
- position: absolute
- right: -23px
- top: 100px
- z-index: 9
- -webkit-transform: rotate(135deg)
- -moz-transform: rotate(135deg)
- transform: rotate(135deg)
- background-color: #DCDCDD
+ .ratingInset
+ width: 46px
+ height: 46px
+ border-radius: 100%
+ background-color: #FF0027
+ display: inline-block
+ /* position: absolute; */
+ /* left: -1.859px; */
+ /* bottom: 3px; */
+ clip: rect(0, 22px, 50px, 0)
+ transform: rotate(-90deg)
- .insetSquare
- width: 100%
- height: 100%
- position: relative
- -webkit-transform: rotate(-135deg)
- -moz-transform: rotate(-135deg)
- transform: rotate(-135deg)
- background: url('#{$static}/img/arrow.png') no-repeat center
+ .iconRating
+ width: 46px
+ height: 46px
+ position: absolute
+ left: 0
+ top: 0
+ background: url('#{$static}/img/button12.png') no-repeat center
-.imgProfile
- width: 75px
- height: 75px
- float: right
- margin: 0 0 0 -60px
- img
- display: block
- width: 100%
- height: 100%
+ .ratingPer
+ color: #ff2c2c
+ font-size: 18px
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ margin: 0
+ padding-left: 8px
-.infoProfile
- float: right
- .btn-group
- .btn
- width: 75px
- height: 75px
- float: left
- border-radius: 0 !important
+ .infoProfile
+ .btn-group
+ .btn
+ width: 75px
+ height: 75px
+ float: left
+ border-radius: 0 !important
+ background-color: black
+ border: none
+ span
+ color: white
+ font-size: 26px
+ .dropdown-toggle
+ &:hover, &:active, &:focus
+ -webkit-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+ -moz-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+ box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+ background-color: rgb(255, 0, 39)
+ .dropdown-menu
+ border-radius: 0
background-color: black
- border: none
- span
- color: white
- font-size: 26px
- .dropdown-toggle
- &:hover, &:active, &:focus
- -webkit-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
- -moz-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
- box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
- background-color: rgb(255, 0, 39)
- .dropdown-menu
- border-radius: 0
- background-color: black
- left: -174px
- margin: -1px 100% 0 0
- float: left
- width: 250px
- height: auto
- padding: 30px 20px 15px 40px
- border-top: 3px solid #ff2c2c
- li
- margin-bottom: 10px
- &:last-child
- margin-bottom: 0
- a
- color: white
- font-size: 17px
- font-family: 'pfbeausanspro-reg', sans-serif
- position: relative
- &:link, &:visited
+ left: -174px
+ margin: -1px 100% 0 0
+ float: left
+ width: 250px
+ height: auto
+ padding: 30px 20px 15px 40px
+ border-top: 3px solid #ff2c2c
+ li
+ display: block
+ margin-bottom: 10px
+ &:last-child
+ margin-bottom: 0
+ a
color: white
font-size: 17px
font-family: 'pfbeausanspro-reg', sans-serif
position: relative
- &:hover, &:active
- background-color: black !important
- color: #ff2c2c
- span
- content: ''
- position: absolute
- width: 20px
- left: -18px
- top: 4px
- .icon_mm1 a span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 0
- .icon_mm2 a span
- height: 22px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 -20px
- .icon_mm3 a span
- height: 13px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 -42px
- top: 6px
- .icon_mm4 a span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 -55px
- .icon_mm5 a span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 -75px
- .icon_mm6 a span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 -95px
- .icon_mm7 a span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu.png') no-repeat 0 0
- .icon_mm8 a span
- height: 20px
- background-size: contain
- background: url('#{$static}/img/user-5.png') no-repeat 0 0
- .icon_mm1 a:hover span
- height: 20px
- background: url('#{$static}/img/menu2.png') no-repeat center !important
- background-size: cover !important
- background-position: 0 0 !important
- .icon_mm2 a:hover span
- height: 22px
- background-size: cover
- background: url('#{$static}/img/menu2.png') no-repeat 0 -20px
- .icon_mm3 a:hover span
- height: 13px
- background-size: cover
- background: url('#{$static}/img/menu2.png') no-repeat 0 -42px
- .icon_mm4 a:hover span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu2.png') no-repeat 0 -55px
- .icon_mm5 a:hover span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu2.png') no-repeat 0 -75px
- .icon_mm6 a:hover span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu2.png') no-repeat 0 -95px
- .icon_mm7 a:hover span
- height: 20px
- background-size: cover
- background: url('#{$static}/img/menu2.png') no-repeat 0 0
- .icon_mm8 a:hover span
- height: 20px
- background-size: contain
- background: url('#{$static}/img/user-4.png') no-repeat 0 0
+ &:link, &:visited
+ color: white
+ font-size: 17px
+ font-family: 'pfbeausanspro-reg', sans-serif
+ position: relative
+ &:hover, &:active
+ background-color: black !important
+ color: #ff2c2c
+ span
+ content: ''
+ position: absolute
+ width: 20px
+ left: -18px
+ top: 4px
+ .icon_mm1 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 0
+ .icon_mm2 a span
+ height: 22px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -20px
+ .icon_mm3 a span
+ height: 13px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -42px
+ top: 6px
+ .icon_mm4 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -55px
+ .icon_mm5 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -75px
+ .icon_mm6 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -95px
+ .icon_mm7 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 0
+ .icon_mm8 a span
+ height: 20px
+ background-size: contain
+ background: url('#{$static}/img/user-5.png') no-repeat 0 0
+ .icon_chat a span
+ height: 20px
+ background:
+ image: url("#{$static}/img/icons/icon_speach-ball.png")
+ size: contain
+ repeat: no-repeat
+ .icon_chat a
+ display: inline-block
+ .circle
+ background-color: red
+ border-radius: 50%
+ width: 30px
+ height: 30px
+ line-height: 30px
+ display: inline-block
+ text-align: center
+
+ .icon_mm1 a:hover span
+ height: 20px
+ background: url('#{$static}/img/menu2.png') no-repeat center !important
+ background-size: cover !important
+ background-position: 0 0 !important
+ .icon_mm2 a:hover span
+ height: 22px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -20px
+ .icon_mm3 a:hover span
+ height: 13px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -42px
+ .icon_mm4 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -55px
+ .icon_mm5 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -75px
+ .icon_mm6 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -95px
+ .icon_mm7 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 0
+ .icon_mm8 a:hover span
+ height: 20px
+ background-size: contain
+ background: url('#{$static}/img/user-4.png') no-repeat 0 0
+ .icon_chat a:hover span
+ height: 20px
+ background:
+ image: url("#{$static}/img/icons/icon_speach-ball_red.png")
+ size: contain
+ repeat: no-repeat
\ No newline at end of file
diff --git a/templates/partials/sass/home.sass b/templates/partials/sass/home.sass
new file mode 100644
index 0000000..29713da
--- /dev/null
+++ b/templates/partials/sass/home.sass
@@ -0,0 +1,174 @@
+@import "base/variavles"
+@import "base/fonts"
+
+.home
+ background:
+ image: url("#{$static}/img/main.png")
+ repeat: no-repeat
+ position: center
+ size: cover
+
+.icons
+ display: inline-block
+ width: 24px
+ height: 24px
+ background:
+ image: url("#{$static}/img/sprite.png")
+ repeat: no-repeat
+
+.welcomeMain
+ width: 100%
+ float: left
+ font-size: 48px
+ text-align: center
+ padding: 54px 0 39px 0
+ font-family: 'pfbeausanspro-thin', sans-serif
+
+.welcomeMain
+ line-height: 48px
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ font-size: 43px
+
+.infoBlock
+ //padding: 113px 0 0 0
+ height: 100%
+ text-align: center
+ padding: 80px 0 40px
+ ul
+ &.customer-list,
+ &.contractor-list
+ text-align: left
+ padding-left: 60px
+ padding-right: 20px
+ li
+ display: flex
+ align-items: center
+ padding-top: 10px
+ list-style: none
+ font-size: 12px
+ .text
+ padding-left: 10px
+ display: inline-block
+ .icon
+ &-1
+ @extend .icons
+ width: 40px
+ background-position: 0 0
+ &-2
+ @extend .icons
+ background-position: 0 -24px
+ &-3
+ @extend .icons
+ background-position: 0 -48px
+ &-4
+ @extend .icons
+ background-position: 0 -72px
+ &-5
+ @extend .icons
+ background-position: 0 -96px
+ &-6
+ @extend .icons
+ background-position: 0 -120px
+ &-7
+ @extend .icons
+ background-position: 0 -144px
+ &-8
+ @extend .icons
+ background-position: 0 -168px
+ &-9
+ @extend .icons
+ background-position: 0 -192px
+ &-10
+ @extend .icons
+ background-position: 0 -216px
+ &-11
+ @extend .icons
+ background-position: 0 -240px
+ &-12
+ @extend .icons
+ background-position: 0 -264px
+
+ &.customer-list
+ li
+ color: #c7c5c5
+ &.contractor-list
+ li
+ color: #353434
+
+
+
+ a
+ text-decoration: none
+ border: none
+ cursor: pointer
+ & > a.to-profile
+ height: 40px
+ border-radius: 40px
+ font-size: 20px
+ text-transform: uppercase
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ letter-spacing: 4px
+ position: relative
+ display: table
+ margin: 0 auto
+ a.create
+ font-family: Myriad, sans-serif
+ font-weight: normal
+ font-size: 20px
+ letter-spacing: 4px
+ display: inline-block
+ margin-top: 40px
+ text-transform: uppercase
+ &.customer
+ background-color: rgba(0, 0, 0, 0.7)
+ p, a.create
+ color: #c7c5c5
+ &:hover
+ color: #f3f1f1
+ & > a.to-profile
+ &:link, &:visited
+ background: url('#{$static}/img/button2.png') no-repeat 27px, white
+ color: black
+ padding: 24px 26px 20px 72px
+ &:hover
+ box-shadow: 0 0 15px rgba(255, 255, 255, 0.8)
+ -webkit-transform: scale(1.04)
+ -moz-transform: scale(1.04)
+ transform: scale(1.04)
+ &.contractor
+ background-color: rgba(255, 0, 6, 0.7)
+ p, a.create
+ color: #353434
+ &:hover
+ color: #141313
+ & > a.to-profile
+ &:link, &:visited
+ background: url('#{$static}/img/button1.png') no-repeat 25px, black
+ color: white
+ padding: 24px 26px 20px 72px
+ &:hover
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.8)
+ -webkit-transform: scale(1.04)
+ -moz-transform: scale(1.04)
+ transform: scale(1.04)
+
+.youtube
+ display: block
+ border-radius: 50%
+ width: 80px
+ height: 80px
+ margin: 20px auto 40px
+ //border-radius: 100%
+ cursor: pointer
+ background:
+ image: url('#{$static}/img/youtube.png')
+ repeat: no-repeat
+ position: center
+ size: cover
+ &:hover
+ box-shadow: 0 0 15px rgba(255, 19, 19, 0.8)
+ -webkit-transform: scale(1.04)
+ -moz-transform: scale(1.04)
+ transform: scale(1.04)
+ &:focus
+ outline: none
diff --git a/templates/partials/sass/registration.sass b/templates/partials/sass/registration.sass
new file mode 100644
index 0000000..632a894
--- /dev/null
+++ b/templates/partials/sass/registration.sass
@@ -0,0 +1,119 @@
+@import "base/variavles"
+
+.form-regestration
+ display: table
+ width: 100%
+ float: left
+ margin: 0 0 80px 0
+ padding: 67px 0
+ //padding: 20px 0 67px 0
+ background-color: #ddd
+ text-align: center
+ a, a:hover
+ text-decoration: none
+ a:hover
+ color: #6f7bff
+
+.select-reg
+ .btn-group
+ display: inline-block
+ vertical-align: top
+ &.captcha
+ text-align: center
+ .g-recaptcha
+ display: inline-table
+ margin: 25px 0 0 0
+ input[type="checkbox"] + span
+ position: absolute
+ left: 0
+ top: 0
+ width: 100%
+ height: 100%
+ background:
+ image: url('#{$static}/img/check.png')
+ repeat: no-repeat
+ position: 0 0
+ size: cover
+ cursor: pointer
+ label
+ width: 23px
+ height: 23px
+ display: block
+ position: relative
+ margin-right: 10px
+
+ input[type="checkbox"]:checked + span
+ background-position: 0 -23px
+
+.email-reg, .pass-reg
+ width: 360px
+ height: 51px
+ display: inline-block
+ vertical-align: top
+ padding: 0 15px
+ font-size: 15px
+ background-color: white
+ color: black
+ margin: 20px 0 0 0
+ font-family: 'Arial-MT-Regular', sans-serif
+ border: none !important
+
+.reg-sub
+ width: 360px
+ height: 51px
+ color: white
+ text-align: center
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ letter-spacing: 2px
+ line-height: 51px
+ border: none
+ background-color: #42B476
+ border-radius: 40px
+ display: inline-block
+ vertical-align: top
+ margin-top: 20px
+ font-size: 15px
+ text-transform: uppercase
+ &:active, &:focus
+ outline: none !important
+
+.check-reg
+ width: 360px
+ display: inline-block
+ vertical-align: top
+ margin-top: 20px
+ label
+ float: left
+ p
+ font-family: 'Arial-MT-Regular', sans-serif
+ color: #6c6c6c
+ font-size: 15px
+ float: left
+ /*margin: -2px 0 0 10px;
+ line-height: 18px
+ width: 90%
+ text-align: left
+ > a
+ color: #009DD9
+ &:link, &:visited
+ color: #009DD9
+ &:hover
+ color: #6f7bff
+
+.have-ac, .have-ac:link, .have-ac:visited
+ color: #009DD9
+ font-size: 17px
+ font-family: 'Arial-MT-Regular', sans-serif
+ text-transform: uppercase
+ display: inline-block
+
+.form-regestration
+ .errorlist
+ color: red
+ //width: 360px
+ //margin: 0 auto
+ //text-align: left
+ font-family: 'Arial-MT-Regular', sans-serif
+ font-size: 15px
+ li
+ list-style: none
\ No newline at end of file
diff --git a/templates/partials/trash/header.html b/templates/partials/trash/header.html
new file mode 100644
index 0000000..cea82c3
--- /dev/null
+++ b/templates/partials/trash/header.html
@@ -0,0 +1,186 @@
+{% load staticfiles %}
+{% load thumbnail %}
+{% load user_tags %}
+{% load activeurl %}
+{% load sass_tags %}
+{% load common_tags %}
+
+{% if request.user.is_contractor %}
+ {% url 'users:contractor-profile' pk=request.user.pk as profile_url %}
+{% elif request.user.is_customer %}
+ {% url 'users:customer-profile-open-projects' pk=request.user.pk as profile_url %}
+{% endif %}
+
+
+
+
+
+
+
+
+ {% activeurl %}
+
+ {% endactiveurl %}
+
+ {% if request.user.is_authenticated %}
+ {% if request.user.is_contractor %}
+ {% contractor_indicator request.user %}
+ {% endif %}
+
+
+
+ {% if request.user.is_contractor %}
+
+ {% endif %}
+
+ {% else %}
+
Регистрация
+
+
+
+ {% endif %}
+
+
+
+
diff --git a/templates/partials/trash/header.sass b/templates/partials/trash/header.sass
new file mode 100644
index 0000000..fb63949
--- /dev/null
+++ b/templates/partials/trash/header.sass
@@ -0,0 +1,370 @@
+@import "base/variavles"
+
+.wrTop
+ width: 100%
+ background-color: black
+
+.topMain
+ width: 1200px
+ margin: 0 auto
+ color: #ffffff
+ .dropdown-menu > li > a
+ display: inline-block
+ .col-lg-7
+ width: 55%
+ .col-lg-2
+ width: 19%
+ .mainMenu li
+ cursor: pointer
+ padding-right: 25px
+ a
+ font-size: 15px
+ //&:hover
+ cursor: pointer
+
+ .user-info
+ float: right
+ height: 100%
+ a
+ display: block
+ color: white
+ cursor: pointer
+ &:hover
+ text-decoration: none
+ color: #FF0029
+ .cash
+ text-align: right
+ padding-top: 4px
+ .icon_hand
+ padding-left: 26px
+ background:
+ image: url("#{$static}/img/icons/icon_hands.png")
+ size: 24px 24px
+ repeat: no-repeat
+ &:hover
+ background-image: url("#{$static}/img/icons/icon_hands_red.png")
+ .icon_chat
+ margin-top: 4px
+ padding-left: 26px
+ background:
+ image: url("#{$static}/img/icons/icon_speach-ball.png")
+ size: 18px 18px
+ repeat: no-repeat
+ &:hover
+ background-image: url("#{$static}/img/icons/icon_speach-ball_red.png")
+
+.circle
+ background-color: red
+ border-radius: 50%
+ width: 30px
+ height: 30px
+ line-height: 30px
+ display: inline-block
+ text-align: center
+ //align-items: center
+
+.logo
+ width: 183px
+ height: 36px
+ background: url('#{$static}/img/logo.png') no-repeat center
+ background-size: cover
+ float: left
+ margin: 18px 0 21px 10px
+ cursor: pointer
+
+.mainMenu
+ float: left
+ margin: 26px 0 0 0
+ padding-left: 60px
+ li
+ float: left
+ position: relative
+ padding-right: 30px
+ list-style: none
+ a
+ text-decoration: none
+ border-bottom: 3px solid transparent
+ -webkit-transition: all 0.4s ease-out
+ -moz-transition: all 0.4s ease-out
+ transition: all 0.4s ease-out
+ &:hover a
+ border-color: #ff0029
+ span
+ content: ''
+ position: absolute
+ height: 23px
+ left: 0
+ top: -1px
+ .icon_tm1 span
+ width: 26px
+ //background: url('../img/listMain.png') no-repeat left
+ background-size: cover
+ background: url('#{$static}/img/listMain.png') no-repeat 0 0
+ .icon_tm2 span
+ width: 22px
+ background-size: cover
+ background: url('#{$static}/img/listMain.png') no-repeat -26px 0
+ .icon_tm3 span
+ width: 24px
+ background-size: cover
+ background: url('#{$static}/img/listMain.png') no-repeat -48px 0
+
+ .icon_tml span
+ content: ''
+ position: absolute
+ width: 27px
+ height: 24px
+ //left: -35px
+ top: 0
+ background: url('#{$static}/img/list4.png') no-repeat center !important
+ background-size: cover !important
+
+.icon_tml:hover span
+ background: url('#{$static}/img/list4tml.png') no-repeat center !important
+ background-size: cover !important
+
+.icon_tm1:hover span
+ width: 26px
+ background: url('#{$static}/img/listMain2.png') no-repeat left !important
+ background-size: cover
+ background-position: 0 0 !important
+
+.icon_tm2:hover span
+ width: 22px
+ background: url('#{$static}/img/listMain2.png') no-repeat left !important
+ background-size: cover
+ background-position: -26px 0 !important
+
+.icon_tm3:hover span
+ width: 26px !important
+ background: url('#{$static}/img/listMain2.png') no-repeat left !important
+ background-size: cover
+ background-position: -49px 0 !important
+
+.rating
+ width: 46px
+ height: 46px
+ float: right
+ border-radius: 100%
+ background-color: #4D4D4D
+ margin: 15px 0 0 10px
+ position: relative
+
+.ratingInset
+ width: 46px
+ height: 46px
+ border-radius: 100%
+ background-color: #FF0027
+ position: absolute
+ /*left:-1.859px;*/
+ /*bottom: 3px;*/
+ clip: rect(0, 22px, 50px, 0)
+ transform: rotate(-90deg)
+
+.iconRating
+ width: 100%
+ height: 100%
+ position: absolute
+ left: 0
+ top: 0
+ background: url('#{$static}/img/button12.png') no-repeat center
+
+.ratingPer
+ color: #ff2c2c
+ font-size: 18px
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ float: right
+ margin: 28px 0 0 9px
+ cursor: pointer
+
+.mainMenu li
+ &:last-child
+ padding-right: 0
+ a
+ color: white
+ font-size: 18px
+ padding: 30px 0 27px 40px
+ font-family: 'pfbeausanspro-reg', sans-serif
+ &.active > a
+ border-color: #ff0029
+ &.icon_tm1.active span
+ background: url('#{$static}/img/listMain2.png') no-repeat !important
+ &.officeList.active span
+ background: url('#{$static}/img/list4tml.png') no-repeat center !important
+ &.icon_tm2.active span
+ background: url('#{$static}/img/listMain2.png') no-repeat center !important
+ &.icon_tm3.active span
+ background: url('#{$static}/img/listMain2.png') no-repeat right !important
+
+li.officeList.icon_tml > a > .count
+ display: inline-block
+ color: red
+ font-family: 'pfbeausanspro-reg', sans-serif
+ //padding: 5px 7px 3px 7px
+ background: none
+ border-radius: 0
+ position: inherit
+ //right: -34px
+ //top: -4px
+
+.reg, .reg:link, .reg:visited
+ color: #fb1818
+ font-size: 16px
+ text-transform: uppercase
+ float: left
+ line-height: 75px
+ font-family: 'pfdintextcomppro-regular', sans-serif
+ letter-spacing: 4px
+ text-decoration: none
+
+.lock
+ width: 75px
+ height: 75px
+ background: url('#{$static}/img/lock.png') no-repeat center, white
+ float: right
+ cursor: pointer
+ margin-left: 20px
+ margin-right: 0
+
+.imgProfile
+ width: 75px
+ height: 75px
+ float: right
+ margin: 0
+ padding-left: 5px
+ img
+ display: block
+ width: 100%
+ height: 100%
+
+.infoProfile
+ float: right
+ .btn-group
+ .btn
+ width: 75px
+ height: 75px
+ float: left
+ border-radius: 0 !important
+ background-color: black
+ border: none
+ span
+ color: white
+ font-size: 26px
+ .dropdown-toggle
+ &:hover, &:active, &:focus
+ -webkit-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+ -moz-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+ box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+ background-color: rgb(255, 0, 39)
+ .dropdown-menu
+ border-radius: 0
+ background-color: black
+ left: -174px
+ margin: -1px 100% 0 0
+ float: left
+ width: 250px
+ height: auto
+ padding: 30px 20px 15px 40px
+ border-top: 3px solid #ff2c2c
+ li
+ margin-bottom: 10px
+ &:last-child
+ margin-bottom: 0
+ a
+ color: white
+ font-size: 17px
+ font-family: 'pfbeausanspro-reg', sans-serif
+ position: relative
+ &:link, &:visited
+ color: white
+ font-size: 17px
+ font-family: 'pfbeausanspro-reg', sans-serif
+ position: relative
+ &:hover, &:active
+ background-color: black !important
+ color: #ff2c2c
+ span
+ content: ''
+ position: absolute
+ width: 20px
+ left: -18px
+ top: 4px
+ .icon_mm1 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 0
+ .icon_mm2 a span
+ height: 22px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -20px
+ .icon_mm3 a span
+ height: 13px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -42px
+ top: 6px
+ .icon_mm4 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -55px
+ .icon_mm5 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -75px
+ .icon_mm6 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 -95px
+ .icon_mm7 a span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu.png') no-repeat 0 0
+ .icon_mm8 a span
+ height: 20px
+ background-size: contain
+ background: url('#{$static}/img/user-5.png') no-repeat 0 0
+ .icon_chat a span
+ height: 20px
+ background:
+ image: url("#{$static}/img/icons/icon_speach-ball.png")
+ size: contain
+ repeat: no-repeat
+
+ .icon_mm1 a:hover span
+ height: 20px
+ background: url('#{$static}/img/menu2.png') no-repeat center !important
+ background-size: cover !important
+ background-position: 0 0 !important
+ .icon_mm2 a:hover span
+ height: 22px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -20px
+ .icon_mm3 a:hover span
+ height: 13px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -42px
+ .icon_mm4 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -55px
+ .icon_mm5 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -75px
+ .icon_mm6 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 -95px
+ .icon_mm7 a:hover span
+ height: 20px
+ background-size: cover
+ background: url('#{$static}/img/menu2.png') no-repeat 0 0
+ .icon_mm8 a:hover span
+ height: 20px
+ background-size: contain
+ background: url('#{$static}/img/user-4.png') no-repeat 0 0
+ .icon_chat a:hover span
+ height: 20px
+ background:
+ image: url("#{$static}/img/icons/icon_speach-ball_red.png")
+ size: contain
+ repeat: no-repeat
\ No newline at end of file
diff --git a/templates/registration/registration_form.html b/templates/registration/registration_form.html
index 41428ef..f5f0449 100644
--- a/templates/registration/registration_form.html
+++ b/templates/registration/registration_form.html
@@ -6,75 +6,7 @@
-
+ {% include 'partials/inc-registration_form.html' %}
{% include 'partials/footer.html' %}
diff --git a/templates/trash/home.html b/templates/trash/home.html
new file mode 100644
index 0000000..a0f08a1
--- /dev/null
+++ b/templates/trash/home.html
@@ -0,0 +1,100 @@
+{% extends 'partials/base.html' %}
+
+{% block content %}
+