About
Explore
Events & Classes
Support Us
Join
Sign In
IS_is4me
View Project Page
Run
Fullscreen
colour combination
HTML
CSS
JS
<!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,shrink-to-fit=no,width=device-width"> </head> <body> <div class="first-heading padding"> <h1>Colour themes.</h1> </div> <br> <div class="first-colour-group padding"> <h3> </h3> </div> <div class="part-of-the-one-on-top padding"> <h3> </h3> </div> <div class="part-of-the-one-on-top-two padding"> <h3> </h3> </div> <div class="text padding"> <li> This is one colour theme. </li> </div> <div class="another-colour-theme padding"> <h3> </h3> </div> <div class="another-colour-theme-part-of-the-one-on-top padding"> <h3> </h3> </div> <div class="again padding"> <h3> </h3> </div> <li> Another colour theme. </li> <div class="new-colour-theme padding"> <h3> </h3> </div> <div class="colour-is-a-colour padding"> <h3> </h3> </div> <div class="why-do-I-have-to-name-it padding"> <h3> </h3> </div> <div class="text padding"> </body> </html>
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap'); body { font-family: Source Code Pro; } .first-heading { background-color: #fcff99; } .first-colour-group { background-color: #fa0036; } .part-of-the-one-on-top { background-color:#f51453; } .padding { padding: 10px; } .part-of-the-one-on-top-two { background-color:#ff0080; } .another-colour-theme{ background-color:#3C1642; } .another-colour-theme-part-of-the-one-on-top{ background-color: #391B46; } .again{ background-color: #34234B } .new-colour-theme{ background-color:#54457F } .colour-is-a-colour{ background-color:#5F4C80 } .why-do-I-have-to-name-it{ background-color:#6E5C8C } .text{ }
About
Explore
Events & Classes
Support Us
Join
Sign In
