About
Explore
Events & Classes
Support Us
Join
Sign In
code-art
View Project Page
Run
Fullscreen
creative_programmer colour palette
HTML
CSS
JS
<!-- Your new project - here it is! Create something awesome with the JUSTCodaborate code editor! Created by code-art, subject to copyright. --> <!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="author" content="code-art"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="colour-sect" id="colour1">#b44639</div> <div class="colour-sect" id="colour2">#b0a617</div> <div class="colour-sect" id="colour3">#1d1940</div> <div class="colour-sect" id="colour4">#2e9c15</div> <div class="colour-sect" id="colour5">#29eabc</div> <div class="colour-sect" id="colour6">#8330d9</div> </body> </html>
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); body { font-family: "Monoton"; text-shadow: silver; } .colour-sect { height: 30%; position: absolute; width: 30%; margin: -10px; font-size: 30px; margin-left: 5px; padding: 10px; margin-top: 0.002%; } #colour1 { background-color: #b44639; } #colour2 { background-color: #b0a617; position: absolute; left: 30%; } #colour3 { background-color: #1d1940; position: absolute; color: white; left: 60%; } #colour4 { background-color: #2e9c15; position: absolute; left: 0%; top: 40%; } #colour5 { background-color: #29eabc; position: absolute; left: 30%; top: 40%; } #colour6 { background-color: #8330d9; position: absolute; left: 60%; top: 40%; }
About
Explore
Events & Classes
Support Us
Join
Sign In
