Skip to content

Instantly share code, notes, and snippets.

@PANDATD
Created May 11, 2024 12:49
Show Gist options
  • Select an option

  • Save PANDATD/a1d9c580c7672259ae7d391d416f7d8c to your computer and use it in GitHub Desktop.

Select an option

Save PANDATD/a1d9c580c7672259ae7d391d416f7d8c to your computer and use it in GitHub Desktop.
html {
background-color: #fafafa;
}
body {
margin: 0;
}
.wrapper {
width: 90%;
max-width: 600px;
margin: auto;
font-family: Verdana, sans-serif;
background-color: #fff;
border: 1px solid #d9d9d9;
padding: 20px;
padding-top: 0;
padding-bottom: 40px;
}
h1 {
font-size: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px 0;
font-weight: normal;
}
p {
font-size: 14px;
padding-top: 20px;
line-height: 22px;
color: #424242;
text-align: center;
}
.box {
padding-top: 30px;
text-align: center;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.box .image {
height: 200px;
background-color: #fafafa;
text-align: center;
}
.box img {
max-height: 100%;
max-width: 100%;
}
.box h2 {
margin: 0;
text-align: center;
padding-top: 20px;
}
.box p {
padding-top: 0;
text-align: justify;
}
.box a {
display: inline-block;
padding: 12px 25px;
border: none;
background-color: #e74c3c;
color: white;
border-radius: 5px;
cursor: pointer;
transition: 0.2s opacity;
outline: none;
text-decoration: none;
}
footer {
text-align: center;
padding-top: 30px;
font-size: 13px;
}
footer a {
color: #e74c3c;
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 2px;
}
/* Remove border color from container */
.mybox{
background-color: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment