Pastel Color Code
How do I make an pastel color code?
What is a pastel color code? How do you make a pastel color code? This script and codes were developed by Panstable on 11 August 2022, Thursday.
Pastel Color Code - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pastel Color Code</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<div class="container"> <div class="row"><h2 class="title">PASTEL COLOR</h2> <p class="desc">Pastel color and code.</p></div> <div class="row"> <div class="col-md-2"> <div class="color pastel-1"> <i class="fa fa-eyedropper color-icon"></i> </div> <div class="code">#c2e3f2</div> </div> <div class="col-md-2"> <div class="color pastel-2"> <i class="fa fa-eyedropper color-icon"></i></div> <div class="code">#ea9696</div> </div> <div class="col-md-2"> <div class="color pastel-3"> <i class="fa fa-eyedropper color-icon"></i></div> <div class="code">#efc45b</div> </div> <div class="col-md-2"> <div class="color pastel-4"> <i class="fa fa-eyedropper color-icon"></i></div> <div class="code">#9aadbc</div> </div> <div class="col-md-2"> <div class="color pastel-5"> <i class="fa fa-eyedropper color-icon"></i></div> <div class="code">#c2665b</div> </div> <div class="col-md-2"> <div class="color pastel-6"> <i class="fa fa-eyedropper color-icon"></i></div> <div class="code">#4a9abd</div> </div> </div> <div class="row"> <div class="centered-img"> <img style="margin:0 auto;width:100%;display:block;margin-top:40px;" src="https://d13yacurqjgara.cloudfront.net/users/116657/screenshots/1517777/foodicon-dribbble.gif"/> </div> </div>
</div>
</body>
</html>
Pastel Color Code - Script Codes CSS Codes
body{background:#fff;font-family: 'Open Sans', sans-serif;}
.container{margin:20px auto;}
.color{text-align:center;float:left;width:100%;height:120px;border-radius:2px;}
.desc{font-weight:300;text-align:center;font-size:20px;color:#888;margin-bottom:60px;}
.title{color:#666;text-align:center;margin:40px 0 5px 0;}
.color-icon{font-size:20px !important;opacity:0.9;margin:48px 0;color:#fff;}
.code{color:#555;font-weight:bold;margin:5px 0 0 0;text-align:center;height:30px;width:100%;display:block;float:left;padding:5px 0 0 5px;}
.centered-img{width:60%;margin: 0 auto;}
.pastel-1{background-color:#c2e3f2;}
.pastel-2{background-color:#ea9696;}
.pastel-3{background-color:#efc45b;}
.pastel-4{background-color:#9aadbc;}
.pastel-5{background-color:#c2665b;}
.pastel-6{background-color:#4a9abd;}
.pastel-7{background-color:#4f6266;}
Developer | Panstable |
Username | panstable |
Uploaded | August 11, 2022 |
Rating | 3 |
Size | 2,156 Kb |
Views | 54,648 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
A Pen by panstable | 2,940 Kb |
Modal | 2,468 Kb |
Simple Slider - Carousel | 2,711 Kb |
CSS3 Accordion Basic | 2,429 Kb |
Updated Reservation Interaction - Dribbble | 2,487 Kb |
Cool Buttons | 4,283 Kb |
Admin Template | 2,904 Kb |
Pastel Color Code | 2,156 Kb |
Counter | 3,801 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Savemedia1.1 | EdsonAlcala | 2,148 Kb |
CSS Tooltips | Darylldoyle | 2,599 Kb |
Scoreboard.js basic usage | Tbleckert | 1,733 Kb |
Pruebas de d3.js | Juanmanuelcarnerero | 2,485 Kb |
Sticky notes with CSS3 | HaiNguyen007 | 2,146 Kb |
Experiment - SCSS SVG Background Image with Variables | See8ch | 3,270 Kb |
Falling Down the Rabbit Hole | Rachelnabors | 4,578 Kb |
Image grid with captions | Mchernin34 | 2,222 Kb |
Brian The CSS Bee | Jonitrythall | 3,922 Kb |
Sinclair Research Computers | MattCowley | 3,068 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!