nduguseliphaz
@ecodeahpro
7 years ago
206 posts
I have added this
Basic
Standard Plan
$29/month
15 Accounts
100 GB Storage
1 Domain Name
500 GB Bandwidth
Subscribe
Pro
Small Business Plan
$49/month
30 Accounts
300 GB Storage
3 Domain Names
1 TB Bandwidth
Subscribe
Advanced
Enterprise Plan
$79/month
75 Accounts
1000 GB Storage
∞ Domain Names
5 TB Bandwidth
Subscribe
I want to add css
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900");
body {
background-color: #e7e7e7;
}
.container {
font-family: "Source Sans Pro", sans-serif;
max-width: 768px;
padding: 0px;
width: 100%;
margin: 20px 0px;
height: 300px;
position: relative;
}
@media screen and (min-width: 700px) {
.container {
margin: 100px auto;
}
}
.container .card {
margin-bottom: 25px;
width: 100%;
display: block;
box-sizing: border-box;
text-align: center;
position: relative;
border-radius: 4px;
float: left;
border: 1px solid #d6dde3;
height: 470px;
z-index: 30;
background: #ffffff;
box-shadow: 0 15px 45px -5px rgba(39, 55, 74, 0.15), 0 15px 40px -20px rgba(39, 55, 74, 0.1);
}
@media screen and (min-width: 700px) {
.container .card {
display: inline-block;
width: 33.33%;
}
}
.container .card .type {
display: inline-block;
border-bottom: 1px solid #d6dde3;
padding: 15px 0px;
width: 100%;
color: #00aff0;
font-weight: 700;
font-size: 20px;
}
.container .card .plan {
background: #f3f3f3;
width: 100%;
padding: 15px 0px;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #888;
border-bottom: 1px solid #d6dde3;
}
.container .card .price {
display: inline-block;
padding: 20px 0px;
font-size: 60px;
color: #00aff0;
}
.container .card .price sup {
font-size: 30px;
}
.container .card .price span {
font-size: 24px;
}
.container .card .details span {
display: block;
color: #00aff0;
margin: 7.5px 0px;
}
.container .card .details span strong {
font-weight: 900;
}
.container .card:first-child {
margin-right: -5px;
z-index: 20;
}
.container .card:last-child {
margin-left: -5px;
z-index: 20;
}
.container .card:first-child, .container .card:last-child {
height: 440px;
margin-top: 15px;
}
.container .button {
background: #f3f3f3;
padding: 10px 0px;
bottom: 30px;
left: 0;
right: 0;
position: absolute;
width: 200px;
margin: auto;
text-align: center;
cursor: pointer;
font-weight: 700;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #00aff0;
border: 1px solid #d6dde3;
}
and style.sass
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900')
body
background-color: #e7e7e7
.container
font-family: 'Source Sans Pro', sans-serif
max-width: 768px
padding: 0px
width: 100%
margin: 20px 0px
height: 300px
position: relative
@media screen and (min-width: 700px)
margin: 100px auto
.card
margin-bottom: 25px
width: 100%
display: block
box-sizing: border-box
text-align: center
position: relative
border-radius: 4px
float: left
border: 1px solid #d6dde3
height: 470px
z-index: 30
background: #ffffff
box-shadow: 0 15px 45px -5px rgba(39,55,74,.15), 0 15px 40px -20px rgba(39,55,74,.1)
@media screen and (min-width: 700px)
display: inline-block
width: 33.33%
.type
display: inline-block
border-bottom: 1px solid #d6dde3
padding: 15px 0px
width: 100%
color: #00aff0
font-weight: 700
font-size: 20px
.plan
background: #f3f3f3
width: 100%
padding: 15px 0px
display: inline-block
font-size: 16px
font-weight: 600
color: #888
border-bottom: 1px solid #d6dde3
.price
display: inline-block
padding: 20px 0px
font-size: 60px
color: #00aff0
sup
font-size: 30px
span
font-size: 24px
.details
span
display: block
color: #00aff0
margin: 7.5px 0px
strong
font-weight: 900
.card:first-child
margin-right: -5px
z-index: 20
.card:last-child
margin-left: -5px
z-index: 20
.card:first-child, .card:last-child
height: 440px
margin-top: 15px
.button
background: #f3f3f3
padding: 10px 0px
bottom: 30px
left: 0
right: 0
position: absolute
width: 200px
margin: auto
text-align: center
cursor: pointer
font-weight: 700
border-radius: 3px
text-transform: uppercase
letter-spacing: 0.5px
color: #00aff0
border: 1px solid #d6dde3
where should i add this on /skins/YOUR SKIN/css/(here are all the style)