Preview - THEME-CENTRE.COM

<!DOCTYPE html>
<html>
<head>
<style>
.flex-container {
  display: grid;
  grid: auto auto auto auto auto / auto auto auto auto auto ;
  flex-wrap: nowrap;
  background-color: white;
border: 1px solid #eee;
    padding: 20px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

.container {
  text-align: center;
   border: 1px solid #bbb;
margin: auto;
   }
  
.colorbox {
  width: 100px;
  height: 100px;
 
}

.lable {
   
    font-family: Lato, sans-serif;
    padding: 10px 20px;
     
    display: initial;
    
  }
  
  .caption {
  text-align: center;
    font-family: Lato, sans-serif;
   }
.green{
  background-color: #4abb78;
}
.darkgray {
  background:#282828;
}
.gray {
  background-color: #383838;
}
.mediumgray {
  background-color: #404040;
}
.red {
  background-color: #d04a4a;
}
.red1{
  background-color: #a92e2e;
}
.blue {
    background-color: #0089D0;
    border-color: #0089D0;
}

.blue-gradient {
   background : linear-gradient(to bottom, #01b0f0, #2d3192)
}

.blue1 {
background-color: #6180ca;
}

</style>
</head>
<body style= "padding: 0px 40px;">
<h1 style="font-family:Lato, sans-serif">Colors for Website</h1>

<div><p style="color:green">Green<p>
  <div class="flex-container">
<div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
<div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
<div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
  <div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
  <div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
  </div> </div>
  
  <div><p>Blue<p>
  <div class="flex-container">
<div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
<div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
<div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
  <div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
  <div class="container"> <div class="colorbox green"></div><div class="caption">#4abb78</div></div>
  </div> </div>

</body>
</html>

HTML FORMS / Colours / Colours for Website