main 1 version
This commit is contained in:
438
css/style.css
Normal file
438
css/style.css
Normal file
@@ -0,0 +1,438 @@
|
||||
body {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
/*background-image: url("/static/img/elements1920/backgr1920.jpg");*/
|
||||
background-size: cover;
|
||||
background-position: top right;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
font-family: Rubik;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.full__container {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header {
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
background-position: center;
|
||||
border-bottom: #CAB49D solid 2px;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
background-color: #FFFFFF
|
||||
;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: flex;
|
||||
max-width: 1330px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
.menu-logotip {
|
||||
font-weight: 700;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
width: 50%;
|
||||
text-align-last: end;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
padding: 0 0 0 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin: 0 auto;
|
||||
max-width: 1330px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: 90px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.business-card {
|
||||
background-color: #003A50;
|
||||
height: 600px;
|
||||
display: flex;
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.business-card-info {
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #FFFFFF
|
||||
;
|
||||
}
|
||||
|
||||
|
||||
.business-card-photo {
|
||||
height: auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.business-card-photo-img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.profession {
|
||||
font-size: 15px;
|
||||
color: #CAB49D;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 48px;
|
||||
padding: 20px 0 0 0;
|
||||
}
|
||||
|
||||
.name-description {
|
||||
width: 420px;
|
||||
height: 66px;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
|
||||
.business-card-info-button-block {
|
||||
padding: 50px 0 0 0;
|
||||
|
||||
}
|
||||
|
||||
.business-card-info-button {
|
||||
width: 190px;
|
||||
height: 52px;
|
||||
background-color: #003A50;
|
||||
color: #FFFFFF;
|
||||
border-color: #FFFFFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.qualification-all-block {
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
border-bottom: #CAB49D solid 2px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.qualification {
|
||||
color: #CAB49D;
|
||||
font-size: 64px;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.qualification-description {
|
||||
font-size: 16px;
|
||||
color: #CAB49D;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.about-me-all-block {
|
||||
width: 100%;
|
||||
margin: 60px 0 0 0;
|
||||
height: 430px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.about-me-photo {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.about-me-background {
|
||||
width: 140px;
|
||||
height: 430px;
|
||||
background-color: #003A50;
|
||||
}
|
||||
|
||||
.about-me-img-block {
|
||||
width: 386px;
|
||||
height: auto;
|
||||
min-width: 386px;
|
||||
padding: 0 0 0 30px;
|
||||
|
||||
}
|
||||
|
||||
.about-me-img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
max-height: 430px;
|
||||
min-width: 386px;
|
||||
}
|
||||
|
||||
.about-me-description {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.about-me-description-title {
|
||||
width: 480px;
|
||||
margin: 0 auto;
|
||||
font-size: 36px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.about-me-description-paragraph-1 {
|
||||
width: 480px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.about-me-description-paragraph-2 {
|
||||
width: 480px;
|
||||
margin: 0 auto;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.education-title {
|
||||
font-size: 36px;
|
||||
margin: 60px 0 0 0;
|
||||
}
|
||||
|
||||
.education-all-block {
|
||||
margin: 30px 0 50px 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.education-achievement-block {
|
||||
width: 820px;
|
||||
border-bottom: #CAB49D solid 2px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.education-achievement-data {
|
||||
font-size: 32px;
|
||||
color: #CAB49D;
|
||||
}
|
||||
|
||||
.education-achievement-description {
|
||||
padding: 0 0 0 40px;
|
||||
}
|
||||
|
||||
.education-photo-block {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 0 0 30px;
|
||||
|
||||
}
|
||||
|
||||
.education-photo-1 {
|
||||
max-width: 310px;
|
||||
height: auto;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
.education-photo-img-1 {
|
||||
max-width: 310px;
|
||||
max-height: 200px;
|
||||
min-width: 310px;
|
||||
min-height: 200px;
|
||||
object-fit: cover;
|
||||
padding: 0 0 27px 0;
|
||||
}
|
||||
|
||||
.education-photo-2 {
|
||||
max-width: 140px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.education-photo-img-2 {
|
||||
max-width: 140px;
|
||||
padding: 0 0 27px 0;
|
||||
max-height: 350px;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
|
||||
.education-photo-img-3 {
|
||||
max-width: 310px;
|
||||
max-height: 310px;
|
||||
min-width: 310px;
|
||||
min-height: 310px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.education-photo-background {
|
||||
width: 140px;
|
||||
height: 160px;
|
||||
background-color: #003A50;
|
||||
}
|
||||
.help-title {
|
||||
font-size: 36px;
|
||||
margin: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.help-all-block {
|
||||
width: 100%;
|
||||
margin: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.help-block-1 {
|
||||
display: flex;
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
|
||||
.help-block-2 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.help-box-size-litle {
|
||||
width: 310px;
|
||||
height: 190px;
|
||||
}
|
||||
|
||||
.help-box-size-big {
|
||||
width: 480px;
|
||||
height: 190px;
|
||||
}
|
||||
|
||||
.help-box-number {
|
||||
font-size: 111px;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.help-box-description {
|
||||
font-size: 16px;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.help-box-1 {
|
||||
background-color: #003A50;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
.help-box-number-1 {
|
||||
color: #003A50;
|
||||
text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
|
||||
}
|
||||
|
||||
.help-box-description-1 {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.help-box-2 {
|
||||
background-color: #CAB49D;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
.help-box-number-2 {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.help-box-description-2 {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.help-box-3 {
|
||||
border: 1px solid #003A50;
|
||||
width: 478px !important;
|
||||
height: 188px !important;
|
||||
}
|
||||
|
||||
.help-box-number-3 {
|
||||
color: #003A50;
|
||||
}
|
||||
|
||||
.help-box-description-3 {
|
||||
color: #003A50;
|
||||
}
|
||||
|
||||
.help-box-4 {
|
||||
border: 1px solid #CAB49D;
|
||||
width: 478px !important;
|
||||
height: 188px !important;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
.help-box-number-4 {
|
||||
color: #CAB49D;
|
||||
}
|
||||
|
||||
.help-box-description-4 {
|
||||
color: #CAB49D;
|
||||
}
|
||||
|
||||
.help-box-5 {
|
||||
background-color: #003A50;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
.help-box-number-5 {
|
||||
color: #CAB49D;
|
||||
}
|
||||
|
||||
.help-box-description-5 {
|
||||
color: #CAB49D;
|
||||
}
|
||||
|
||||
.help-box-6 {
|
||||
background-color: #CAB49D;
|
||||
}
|
||||
|
||||
.help-box-number-6 {
|
||||
color: #CAB49D;
|
||||
text-shadow: -1px 0 #003A50, 0 1px #003A50, 1px 0 #003A50, 0 -1px #003A50;
|
||||
}
|
||||
|
||||
.help-box-description-6 {
|
||||
color: #003A50;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
font-size: 36px;
|
||||
margin: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.article-all-block {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.article-one-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 310px;
|
||||
padding: 0 20px 0 0;
|
||||
bo
|
||||
}
|
||||
|
||||
.article-block-photo {
|
||||
max-width: 310px;
|
||||
max-height: 190px;
|
||||
}
|
||||
|
||||
.article-calendar-block {
|
||||
height: 50px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.article-news {
|
||||
border: 1px solid #CAB49D;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.article-calendar {
|
||||
float: right;
|
||||
}
|
||||
Reference in New Issue
Block a user