<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<title>Free Delivery and Returns Box</title>
<style>
.delivery-box {
border: 2px solid #d4d4d4;
border-radius: 8px;
padding: 12px 15px;
font-family: Arial, sans-serif;
background-color: #fff;
}
.delivery-box .icon {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.delivery-box .text {
display: inline-block;
vertical-align: middle;
}
.delivery-box .title {
font-size: 14px;
font-weight: bold;
margin: 0;
color: #474747;
display: flex;
align-items: center;
line-height: 15px;
}
.delivery-box .delivery-time {
font-size: 13px;
color: #474747;
line-height: 20px;
}
.delivery-box .delivery-time span {
font-weight: bold;
color: #039903;
}
.textv6{
display:flex;
flex-direction: column;
gap:5px;
justify-content: center;
}
</style>
</head>
<body>
<div class="delivery-box">
<div class="textv6">
<div class="title">
<div class="icon">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18"
fill="#474747"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 24 24"
style="enable-background:new 0 0 24 24;"
xml:space="preserve"
>
<metadata>
<dc:creator>Davooda</dc:creator>
<dc:relation>https://davooda.com</dc:relation>
</metadata>
<style type="text/css">
.st0{fill:none;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#474747;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#474747;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#474747;}
.st4{fill:#FFFFFF;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#474747;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st6{fill:none;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st7{fill:#474747;}
.st8{fill:none;stroke:#474747;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g>
<path
class="st0"
d="M6,5h9v2l3.7,0.8c0.9,0.2,1.7,0.8,2.1,1.7l1.8,4c0.2,0.4,0.3,0.8,0.3,1.3v1.7V18h-3"
/>
<line class="st0" x1="5" y1="13" x2="2" y2="13" />
</g>
<line class="st0" x1="15" y1="18" x2="9" y2="18" />
<circle class="st0" cx="6.5" cy="18.5" r="2.5" />
<circle class="st0" cx="17.5" cy="18.5" r="2.5" />
<polyline class="st0" points="15,7 15,12 15,14 " />
<line class="st0" x1="1" y1="9" x2="7" y2="9" />
<line class="st0" x1="4" y1="19" x2="3" y2="19" />
</svg>
</div>
Free Delivery and Returns
</div>
<div class="delivery-time">
Free no contact delivery for all orders<br />
Delivered in: <span>2 - 5 working days</span>
</div>
</div>
</div>
</body>
</html>
