<img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/shopify-logo-5fa2900ee268a833126227.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> <h5>Read More</h5> <a href="#" role="button"> Visit Site </a> <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/shopify-logo-5fa2900ee268a833126227.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> <h5>Read More</h5> <a href="#" role="button"> Visit Site </a> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> :root { --mainColor: #61439b; --secColor: #f94b02; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins'; } .main { width:400px; margin:20px auto; padding: 25px; /* background-color: #f7f7f7; */ } .main h4 { display: inline-block; padding: 10px 20px; position: relative; left: -40px; background: linear-gradient(90deg,#61439b,#8972b4 50%,#3a1482); color: #fff; font-weight: bold; } .main h4:before { content: ""; position: absolute; bottom: -15px; left: -15px; border: 15px solid; border-color: transparent var(--mainColor) transparent transparent; } </style> </head> <body> <section> <h4>50% OFF SALE for 00:00:00 hours!</h4> </section> </body> </html> <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/shopify-logo-5fa2900ee268a833126227.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> <h5>Read More</h5> <a href="#" role="button"> Visit Site </a> <style> .container { position: relative; height: auto; margin-top: 50px; } .footer-ribbon { background: #5c9f57; ; font-weight: 500; color: #ffffff; position: absolute; margin: -10px 0 0 0; padding: 10px; font-size: 1.em; left: 20px; top: -5px; } .footer-ribbon:before { display: block; position: absolute; left: -20px; top: 0; content: ""; height: 0; width: 7px; border-right: 20px solid #5c9f57; ; border-top: 16px solid transparent; border-right-color: #5c9f57; ; } .footer-ribbon a { color: #fff; text-decoration: none; } </style> <a href="#">Best Website Builder 2023</a> 200+ Million Users <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/wix-logo-626ac8cad54b0041845150.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <ul> <li>Over 800 amazing designer-made templates</li> <li>Widest range of features in our comparison</li> <li>Highly reliable and secure</li> </ul> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> Most Popular <a href="#" role="button"> Visit Site </a> <h5>Read More</h5> <a href="#" role="button"> Get 50% Off </a> <style> #d { position: relative; top: 0px; left: -20px; width: 1140px; height: 60px; background: #3a1482; ; position: relative; border-radius: 0 0 2px 2px; } #before, #after { content: ''; display: block; position: absolute; top: -20px; border-style: solid; border-width: 10px; } #before { left: 0; border-color: #f4f4f4 #3a1482 #3a1482 #f4f4f4; } #after { right: 0; border-color: white; display: none; } .hed2{ color: white; margin-left:40px; font-weight: bold; padding-top: 15px!important; ; } </style> <section> <h4> Final Hours: 50% OFF SALE | Offer valid for 00:00:00 hours!</h4></h4> </section> <style> .container { position: relative; height: auto; margin-top: 50px; } .footer-ribbon { background: #5c9f57; ; font-weight: 500; color: #ffffff; position: absolute; margin: -10px 0 0 0; padding: 10px; font-size: 1.em; left: 20px; top: -5px; } .footer-ribbon:before { display: block; position: absolute; left: -20px; top: 0; content: ""; height: 0; width: 7px; border-right: 20px solid #5c9f57; ; border-top: 16px solid transparent; border-right-color: #5c9f57; ; } .footer-ribbon a { color: #fff; text-decoration: none; } </style> <a href="#">Most Versatile Platform</a> 200+ Million Users <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/wix-logo-626ac8cad54b0041845150.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <ul> <li>Over 800 amazing designer-made templates</li> <li>Widest range of features in our comparison</li> <li>Highly reliable and secure</li> </ul> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> Most Popular <a href="#" role="button"> Visit Site </a> <h5>Read More</h5> <style> .container { position: relative; height: auto; margin-top: 50px; } .footer-ribbon { background: #5c9f57; ; font-weight: 500; color: #ffffff; position: absolute; margin: -10px 0 0 0; padding: 10px; font-size: 1.em; left: 20px; top: -5px; } .footer-ribbon:before { display: block; position: absolute; left: -20px; top: 0; content: ""; height: 0; width: 7px; border-right: 20px solid #5c9f57; ; border-top: 16px solid transparent; border-right-color: #5c9f57; ; } .footer-ribbon a { color: #fff; text-decoration: none; } </style> <a href="#">Awarded Customer Support</a> 200+ Million Users <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/wix-logo-626ac8cad54b0041845150.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <ul> <li>Over 800 amazing designer-made templates</li> <li>Widest range of features in our comparison</li> <li>Highly reliable and secure</li> </ul> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> Most Popular <a href="#" role="button"> Visit Site </a> <h5>Read More</h5> 200+ Million Users <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/wix-logo-626ac8cad54b0041845150.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <ul> <li>Over 800 amazing designer-made templates</li> <li>Widest range of features in our comparison</li> <li>Highly reliable and secure</li> </ul> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> Most Popular <a href="#" role="button"> Visit Site </a> <h5>Read More</h5> <style> .container { position: relative; height: auto; margin-top: 50px; } .footer-ribbon { background: #5c9f57; ; font-weight: 500; color: #ffffff; position: absolute; margin: -10px 0 0 0; padding: 10px; font-size: 1.em; left: 20px; top: -5px; } .footer-ribbon:before { display: block; position: absolute; left: -20px; top: 0; content: ""; height: 0; width: 7px; border-right: 20px solid #5c9f57; ; border-top: 16px solid transparent; border-right-color: #5c9f57; ; } .footer-ribbon a { color: #fff; text-decoration: none; } </style> <a href="#">Awarded Customer Support</a> <h2>Don't feel like creating a website yourself? Let it be done by professionals.</h2> 200+ Million Users <img width="100" height="100" src="https://ezeebrand.com/wp-content/uploads/2023/05/wix-logo-626ac8cad54b0041845150.svg" alt="" loading="lazy" /> <html> <input type="radio" id="star5" name="rating" value="5" /> <label for="star5"></label> <input type="radio" id="star4" name="rating" value="4" /> <label for="star4"></label> <input type="radio" id="star3" name="rating" value="3" /> <label for="star3"></label> <input type="radio" id="star2" name="rating" value="2" /> <label for="star2"></label> <input type="radio" id="star1" name="rating" value="1" /> <label for="star1"></label> <style> .rating { unicode-bidi: bidi-override; direction: rtl; } .rating > input { display: none; } .rating > label:before { content: "2605"; margin: 2px; font-size: 20px; font-weight: bold; color:rgba(252,185,0,1); } .rating > input:checked ~ label:before, .rating > input:checked ~ label ~ label:before { color: gold; } </style> </html> <h2>32,544 reviews</h2> <ul> <li>Over 800 amazing designer-made templates</li> <li>Widest range of features in our comparison</li> <li>Highly reliable and secure</li> </ul> <img width="92" height="120" src="https://ezeebrand.com/wp-content/uploads/2023/05/aaUntitled.jpg" alt="" loading="lazy" /> Most Popular <a href="#" role="button"> Visit Site </a> <h5>Read More</h5> <style> ul { list-style-type: none; } .checkmark:before { content: "2713"; color: #5c9f57; font-weight: bold; margin-right: 5px; } </style>