maksim.tananikin/a3-global
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add second page

Browse Source
This commit is contained in:
Maksim Tananykin
2022-10-17 12:42:43 +03:00
parent ceeb5b14a2
commit c968c19b5c
8 changed files with 511 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
css/style.css
View File

@@ -191,19 +191,19 @@ main {
}
.cards {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(4, 23.7%);
margin-bottom: 40px;
grid-column-gap: 20px;
}
.card {
width: 240px;
width: 100%;
font-size: 12px;
margin: 15px 0;
}
.card__image {
width: 240px;
width: 100%;
}
.card__title {
font-weight: 600;
@@ -233,6 +233,7 @@ main {
content: url("../icons/calendar2.svg");
}
.card .subscribe {
display: inline-block;
width: 100%;
border: 1px solid rgba(1, 1, 81, 0.711);
color: rgba(1, 1, 81, 0.711);
@@ -317,4 +318,102 @@ footer {
.footer .about__column {
display: grid;
grid-template-columns: 40% 60%;
}
.similar {
font-size: 24px;
margin-top: 40px;
}
.card-description {
display: grid;
grid-template-columns: 15% 85%;
margin-bottom: 20px;
}
.card-description__header {
color: rgba(141, 97, 2, 0.468);
}
.card-description__text {
font-size: 12px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(141, 97, 2, 0.468);
}
.card-description__text.last {
border-bottom: none;
}
.about-card {
background-color: rgb(36, 70, 107);
padding: 25px 35px;
margin: 30px 0;
}
.about-card .card-inf__item {
color: rgba(255, 255, 255, 0.626);
margin-left: 15px;
}
.about-card .card-inf__item::before {
left: -15px;
}
.about-card .date::before {
content: url("../icons/calendar2.svg");
}
.about-card .people::before {
content: url("../icons/people.svg");
}
.about__title {
font-size: 28px;
color: white;
line-height: 1.3;
margin-bottom: 15px;
}
.about-more {
display: flex;
justify-content: space-between;
}
.about__image {
width: 400px;
}
.about-text {
color: rgba(255, 255, 255, 0.626);
font-size: 14px;
width: 55%;
line-height: 1.3;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.enroll {
margin: 0 auto;
width: 150px;
padding: 10px 0;
border: 1px solid rgba(255, 255, 255, 0.626);
color: rgba(255, 255, 255, 0.626);
transition: 0.2s;
}
.enroll:hover {
background-color: rgba(255, 255, 255, 0.626);
color: rgb(36, 70, 107);
}
.see {
font-weight: 600;
width: 100%;
border-top: 1px solid rgba(141, 97, 2, 0.468);
border-bottom: 1px solid rgba(141, 97, 2, 0.468);
margin-bottom: 20px;
padding: 10px 0;
transition: 0.2s;
position: relative;
}
.see::after {
content: url("../icons/arrow_right.svg");
width: 30px;
height: 10px;
position: absolute;
top: 3px;
margin-left: 10px;
}
.see:hover {
background-color: rgba(141, 97, 2, 0.468);
}