#e8e8e8
1.card { 2 width: 190px; 3 height: 254px; 4 background: #3405a3; 5 border-radius: 15px; 6 box-shadow: 1px 5px 60px 0px #100a886b; 7} 8 9.card .card-border-top { 10 width: 60%; 11 height: 3%; 12 background: #6b64f3; 13 margin: auto; 14 border-radius: 0px 0px 15px 15px; 15} 16 17.card span { 18 font-weight: 600; 19 color: white; 20 text-align: center; 21 display: block; 22 padding-top: 10px; 23 font-size: 16px; 24} 25 26.card .job { 27 font-weight: 400; 28 color: white; 29 display: block; 30 text-align: center; 31 padding-top: 3px; 32 font-size: 12px; 33} 34 35.card .img { 36 width: 70px; 37 height: 80px; 38 background: #6b64f3; 39 border-radius: 15px; 40 margin: auto; 41 margin-top: 25px; 42} 43 44.card button { 45 padding: 8px 25px; 46 display: block; 47 margin: auto; 48 border-radius: 8px; 49 border: none; 50 margin-top: 30px; 51 background: #6b64f3; 52 color: white; 53 font-weight: 600; 54} 55 56.card button:hover { 57 background: #534bf3; 58}
Comments
Variations
1 MIT License