Skip to content

Commit

Permalink
new commit
Browse files Browse the repository at this point in the history
  • Loading branch information
Chelakhovl committed Feb 5, 2024
1 parent d5498d7 commit 34625ad
Show file tree
Hide file tree
Showing 74 changed files with 2,170 additions and 60 deletions.
Binary file removed image/R.jpg
Binary file not shown.
60 changes: 0 additions & 60 deletions index.html

This file was deleted.

151 changes: 151 additions & 0 deletions myProject SOFTSERVE HTML/css/about-boxing-new.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
.about-boxing-container {
background-image: url("../img/back.png");
background-size: cover;
background-position: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100vh;
padding: 95px 32px;
margin: 0 -15px;
}

.about-boxing-container_content {
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
max-width: 800px;
margin-top: 80px;
margin-bottom: 50px;
}

.about-boxing__title {
font-family: "Homemade Apple", undefined;
color: var(--red-color);
font-weight: 400;
letter-spacing: 1.3px;
line-height: 37.18px;
font-size: 26px;
text-align: left;
margin-bottom: 10px;
}

.about-boxing__description-title {
font-family: Rajdhani, sans-serif;
font-size: 47px;
font-weight: 700;
line-height: 1.4;
color: var(--classic-white);
text-align: left;
margin-bottom: 10px;
}

.about-boxing__description {
font-family: "Roboto", sans-serif;
color: var(--classic-white);
font-weight: 400;
line-height: 1.5;
margin-top: 15px;
}

.about-boxing__statistics {
margin-top: 15px;
}

.about-boxing__statistic_title {
font-family: Rajdhani, sans-serif;
font-size: 47px;
font-weight: 700;
line-height: 1.4;
color: var(--classic-white);
text-align: left;
margin-top: 15px;
}

.about-boxing__list {
list-style: none;
padding: 0;
margin: 0;
}

.about-boxing__item {
margin: 7.5px;
padding: 10px;
font-size: 16px;
font-family: "Roboto", sans-serif;
color: var(--classic-white);
font-weight: 400;
}

.about-boxing__item-int {
margin: 7.5px;
padding: 10px;
font-size: 65px;
font-family: "Roboto", sans-serif;
color: var(--red-color);
font-weight: 700;
}

@media screen and (max-width: 768px) {
.about-boxing-container {
padding: 60px 15px;
}

.about-boxing-container_content {
max-width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}

.about-boxing__title {
font-size: 22px;
margin-bottom: 8px;
}

.about-boxing__description-title {
font-size: 36px;
line-height: 1.2;
margin-bottom: 8px;
}

.about-boxing__statistics {
margin-top: 10px;
}

.about-boxing__statistic_title {
font-size: 36px;
line-height: 1.2;
margin-top: 10px;
}
}

.about-boxing__list {
margin: 0 -7.5px;
}

.about-boxing__item {
margin: 7.5px;
padding: 10px;
font-size: 14px;
}

.about-boxing__item-int {
margin: 7.5px;
padding: 10px;
font-size: 45px;
}

@media screen and (max-width: 350px) {
.about-boxing__item {
font-size: 8px;
}
.about-boxing__title {
margin-top: 15px;
font-size: 16px;
}
}
151 changes: 151 additions & 0 deletions myProject SOFTSERVE HTML/css/about-boxing.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
.training-methodology-container {
overflow: hidden;
}

.methodology__block-first,
.methodology__block-second,
.methodology__block-third {
box-sizing: border-box;
}

.training-methodology-container {
overflow: hidden;
}

.methodology__content {
display: flex;
flex-direction: row;
flex-basis: 100%;
padding: 55px 120px;
}

.methodology__svg {
width: 100px;
margin-top: 20px;
margin-left: 40px;
}

.methodology__caption {
padding: 20px;
}

.methodology__title-first {
font-family: "Rajdhani", "sans-serif";
color: var(--classic-white);
font-weight: 700;
font-size: 36px;
margin-top: 20px;
}

.methodology__title-second {
font-family: "Rajdhani", "sans-serif";
color: var(--red-color);
font-weight: 700;
font-size: 36px;
margin-top: 20px;
}

.methodology__description-first {
font-family: "Roboto", sans-serif;
color: var(--classic-white);
font-weight: 400;
font-size: 16px;
line-height: 1.5;
margin-top: 30px;
}

.methodology__description-second {
font-family: "Roboto", sans-serif;
color: var(--methodology__block-third-background);
font-weight: 400;
font-size: 16px;
line-height: 1.5;
margin-top: 30px;
}

.methodology__block-first {
display: block;
background-image: url("../img/about-boxing-svg-diare-gloves.png");
background-color: var(--red-color);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}

.methodology__block-second {
display: block;
background-color: var(--methodology__block-second-background);
background-image: url("../img/about-boxing-background-grusha.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}

.methodology__block-third {
display: block;
background-color: var(--methodology__block-third-background);
background-image: url("../img/about-boxing-svg-gloves.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}

@media (max-width: 768px) {
.training-methodology-container {
overflow: hidden;
}

.methodology__block-first,
.methodology__block-second,
.methodology__block-third {
box-sizing: border-box;
}

.training-methodology-container {
overflow: hidden;
}

.methodology__content {
display: flex;
flex-direction: column;
padding: 55px 20px;

.methodology__svg {
width: 30%;
margin-top: 20px;
margin-left: 20px;
}

.methodology__caption {
padding: 20px;
}

.methodology__title-first,
.methodology__title-second {
font-size: 24px;
margin-top: 10px;
}

.methodology__description-first,
.methodology__description-second {
margin-top: 20px;
}

.methodology__block-first,
.methodology__block-second,
.methodology__block-third {
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
}
}
Loading

0 comments on commit 34625ad

Please sign in to comment.