Pastel Color Code

Developer
Panstable
Size
2,156 Kb
Views
54,648
  1. Pastel Color Code Previews
  2. Pastel Color Code HTML Codes
  3. Pastel Color Code CSS Codes

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 Previews
IQ Test

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;}
Pastel Color Code - Script Codes
Pastel Color Code - Script Codes
Home Page Home
Developer Panstable
Username panstable
Uploaded August 11, 2022
Rating 3
Size 2,156 Kb
Views 54,648
Do you need developer help for Pastel Color Code?

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!

Panstable (panstable) Script Codes
Name
Simple Slider - Carousel
A Pen by panstable
Modal
CSS3 Accordion Basic
Cool Buttons
Admin Template
Counter
Updated Reservation Interaction - Dribbble
Create amazing sales emails with AI!

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!