Skip to content

C
CSS-Project
Commit 9ffe36fc by Anburaj G
Options

Update stylesheet.css

parent 65107762
Showing with 43 additions and 256 deletions
stylesheet.css
body{
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
}
.card-1 :nth-child(1){
max-width:20%;
margin:40% 10% 5% 20%;
}
.card-1>h3{
line-height:1rem;
color:white;
font-size: 12px;
text-transform: uppercase;
margin:0% 10% 5% 20%;
}
.card-1>hr{
margin-right: 28%;
margin-left: 20%;
border: 1px solid white;
}
.card-1>p{
color:white;
opacity: 0.7;
font-size: 12PX;
margin:0% 10% 5% 20%;
}
.card-1>img{
max-width:100%;
margin-top:10px;
margin:1% 8% 10% 12%
}
/* //card-2 */
.card-2 :nth-child(1){
max-width:20%;
margin:20% 10% 5% 20%;
}
.card-2>h3{
line-height:1rem;
color:white;
font-size: 12px;
text-transform: uppercase;
margin:0% 10% 5% 20%;
}
.card-2>hr{
margin-right: 28%;
margin-left: 20%;
border: 1px solid white;
}
.card-2>p{
color:white;
opacity: 0.7;
font-size: 12PX;
margin:0% 10% 5% 20%;
}
.card-2 :nth-child(5){
max-width:90%;
margin-top:10px;
margin:1% 8% 10% 17%
}
/* card-3 */
.card-3 :nth-child(1){
max-width:25%;
margin:20% 10% 5% 20%;
}
.card-3>h3{
line-height:1rem;
color:white;
font-size: 12px;
text-transform: uppercase;
margin:0% 10% 5% 20%;;
}
.card-3>hr{
margin-right: 28%;
margin-left: 20%;
border: 1px solid white;
}
.card-3 >p{
color:white;
opacity: 0.7;
font-size: 12PX;
margin:0% 10% 5% 20%;
}
.card-3 :nth-child(5){
max-width:90%;
margin-top:10px;
margin:1% 8% 10% 13%
}
/* card-4 */
.card-4 :nth-child(1){
max-width:70px;
margin:20% 10% 5% 20%;
}
.card-4 >h3{
line-height:1rem;
color:white;
font-size: 12px;
text-transform: uppercase;
margin:0% 10% 3% 20%;;
}
.card-4>hr{
margin-right: 28%;
margin-left: 20%;
border: 1px solid white;
}
.card-4>p{
color:white;
opacity: 0.7;
font-size: 12PX;
margin:0% 10% 10% 20%;
}
.card-4 :nth-child(5){
max-width:95%;
margin:1% 18% 15% 15%
}
/* card-5 */
.card-5 :nth-child(1){
max-width:70px;
margin:20% 10% 5% 20%;
}
.card-5>h3{
line-height:1rem;
color:white;
font-size: 12px;
text-transform: uppercase;
margin:0% 10% 3% 20%;;
}
.card-5>hr{
margin-right: 28%;
margin-left: 20%;
border: 1px solid white;
}
.card-5>p{
color:white;
opacity: 0.7;
font-size: 12PX;
margin:0% 10% 5% 20%;
}
.card-5 :nth-child(5){
max-width:90%;
margin:1% 17% 20% 17%
}
/* card-6 */
.card-6 :nth-child(1){
max-width:70px;
margin:20% 10% 5% 20%;
}
.card-6>h3{
line-height:1rem;
color:white;
font-size: 12px;
text-transform: uppercase;
margin:0% 10% 3% 20%;;
}
.card-6>hr{
margin-right: 28%;
margin-left: 20%;
border: 1px solid white;
}
.card-6>p{
color:white;
opacity: 0.7;
font-size: 12PX;
margin:0% 10% 5% 20%;
}
.card-6>img{
max-width:80%;
margin:5% 15% 1% 15%;
width:100%;
}
.logo{
position:fixed ;
max-width: 100px;
margin:1% 25% 1% 5%
max-width: 30%;
position: fixed;
margin:2% 3% 1% 3%
}
div:nth-child(2){
background-color:rgb(65,202,110);
padding:45% 10% 10% 10%;
min-height: 100vh;
box-sizing: border-box;
}
div:nth-child(3){
background-color: rgb(250,177,83);
padding:45% 10% 10% 17%;
min-height: 100vh;
box-sizing: border-box;
}
div:nth-child(4){
background-color:rgb(114,119,213);
padding:35% 10% 10% 15%;
min-height: 100vh;
box-sizing: border-box;
}
div:nth-child(5){
background-color:rgb(248,125,81);
background-color:rgb(248, 126, 81);
padding:35% 10% 10% 15%;
min-height: 100vh;
box-sizing: border-box;
}
div:nth-child(6){
background-color:rgb(237,84,102);
background-color:rgb(237,84,102);
padding:35% 10% 10% 15%;
min-height: 100vh;
box-sizing: border-box;
}
div:nth-child(7){
background-color:rgb(78,194,231);
padding:35% 10% 10% 10%;
min-height: 100vh;
box-sizing: border-box;
}
.card>hr{
border:1px solid white;
margin-right:1% 25% 15% 30%;
}
.card>h3{
color:white;
}
.card>p{
color:white
}
.card>img {
max-width:100%;
}
.card :nth-child(1){
max-width:25%
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment