logo
.dotted {
z-index: 999;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHklEQVQoU2NkIBIwEqmOYZAp/M/AgOmkQeZGrEELAMNlAQuFUQk1AAAAAElFTkSuQmCC) repeat
}
.container {
margin-top: 20px;
}
label {
font-size: 14px;
display: block;
text-align: center;
}
.getLogoBtnBox {
float: left;
width: 100%;
height: 40px;
padding-left: 15px;
}
.getLogoBtn {
color: rgb(255, 255, 255);
background-color: #ff6600;
/*width: 1100px;*/
text-align: center;
line-height: 40px;
margin: 0 auto;
font-size: 16px;
cursor: pointer;
border-radius:5px;
}
.zhezhaocengbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
z-index: 1000;
display: none;
}
.zhezhaoceng {
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
top: 0;
}
.formBox {
position: absolute;
width: 500px;
min-height: 280px;
top: 150px;
left: 50%;
transform:translateX(-50%);
background-color: #ccc;
padding: 30px 15px;
}
.sendLoadingBox {
position: absolute;
width: 500px;
min-height: 280px;
top: 150px;
left: 50%;
transform:translateX(-50%);
padding: 30px 15px;
display: none;
}
.sendLoadingBox img {
display: block;
width: 100px;
height: 100px;
margin: 70px auto;
}
.formBox p.sub {
text-align: center;
color: #000;
font-size: 20px;
}
.formBox p.text {
text-align: center;
color: #000;
font-size: 14px;
line-height: 40px;
}
.formBox input{
width: 100%;
height: 35px;
text-indent: 10px;
outline: none;
color: #000;
font-size:14px;
margin-top: 15px;
}
.formBox input.creatorName {
margin-top: 0;
}
.formBox .submitBtn {
height: 35px;
width: 100%;
background-color: #ff6600;
color: #fff;
margin-top: 25px;
text-align: center;
line-height: 35px;
cursor: pointer;
}
.formBox .closeBtn {
position: absolute;
width: 25px;
height: 25px;
background-color: #ff6600;
top: 0;
right: 0;
color: #fff;
text-align: center;
line-height: 25px;
font-size: 14px;
cursor:pointer;
}
.emailError,.nameError,.phoneError {
color: red;
text-indent: 10px;
display: none;
font-size:14px;
margin: 0;
}
.creatSteps {
padding-left: 15px;
}
.creatSteps p {
font-size: 14px;
color: #000;
margin: 3px 0;
}
.creatSteps p.stepsTitle {
font-size: 16px;
font-weight: 700;
padding-left: 0;
margin-top: 10px;
}
.creatSteps p a {
font-weight: 700;
color: #ff6600;
}
Steps to Create Your Free Hair Extension Logo
Step 1 – Choose an Icon that you would like to represent your brand.
Step 2 – Select the color that you love.
Step 3 – Decide how large you would like your icon to be.
Step 4 – Type in your brand name.
Step 5 – Choose your font.
Step 6 – Select your text position from Bottom, Left, Right, or top.
Step 7 – Click the "Get Your Logo" button and we will email you a hi-resolution copy of your design.