tag:blogger.com,1999:blog-27490049724760718042024-03-07T21:15:41.847-08:00Page RankersClarahttp://www.blogger.com/profile/01237841844695151217noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-2749004972476071804.post-25111411189226928322023-11-21T07:24:00.000-08:002023-11-21T07:27:11.746-08:00test<style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; height: 100vh; background-color: #f0f0f0; } .product-card { flex: 1 1 200px; /* Flex property for responsiveness */ max-width: 200px; /* Set maximum width */ height: 300px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-right: 20px; margin-bottom: 20px; /* Add margin for spacing */ overflow: hidden; transition: transform 0.2s ease-in-out; display: flex; flex-direction: column; } .product-card:hover { transform: scale(1.05); } .product-image { width: 100%; height: 60%; background-size: cover; } .product-info { padding: 10px; box-sizing: border-box; flex-grow: 1; } h3, p { margin: 0; } h3 { font-size: 1.2em; margin-bottom: 5px; } p { color: #888; } .buy-now-button { background-color: #4CAF50; color: #fff; padding: 8px; text-align: center; text-decoration: none; display: block; font-size: 0.9em; margin-top: 10px; cursor: pointer; border: none; } .buy-now-button:hover { background-color: #45a049; } </style><body> <div class="product-card"> <div class="product-image" style="background-image: url('product1.jpg');"></div> <div class="product-info"> <h3>Product 1</h3> <p>Description of Product 1.</p> </div> <button class="buy-now-button">Buy Now</button> </div> <div class="product-card"> <div class="product-image" style="background-image: url('product2.jpg');"></div> <div class="product-info"> <h3>Product 2</h3> <p>Description of Product 2.</p> </div> <button class="buy-now-button">Buy Now</button> </div> <div class="product-card"> <div class="product-image" style="background-image: url('product3.jpg');"></div> <div class="product-info"> <h3>Product 3</h3> <p>Description of Product 3.</p> </div> <button class="buy-now-button">Buy Now</button> </div> <div class="product-card"> <div class="product-image" style="background-image: url('product4.jpg');"></div> <div class="product-info"> <h3>Product 4</h3> <p>Description of Product 4.</p> </div> <button class="buy-now-button">Buy Now</button> </div></body>Clarahttp://www.blogger.com/profile/01237841844695151217noreply@blogger.com0tag:blogger.com,1999:blog-2749004972476071804.post-69917167431044406102015-03-08T11:34:00.002-07:002015-03-08T11:35:49.086-07:00SEO Services<div dir="ltr" style="text-align: left;" trbidi="on">
<b>What is SEO?</b><br />
<br />
SEO stands for Search engine optimization. SEO is the process of getting organic traffic from search engines.<br />
<br />
<br />
<b>Why you need SEO?</b><br />
<ul>
<li>To increase your websites ranking in search engines</li>
<li>To Increase traffic to your website</li>
<li>To increase conversions on your site</li>
</ul>
<br />
<b>Contact Me for SEO services</b><br />
<br data-mce-bogus="1" />
Napson Fernandes<br />
9768522978<br />
<br data-mce-bogus="1" />
<br data-mce-bogus="1" /></div>
Clarahttp://www.blogger.com/profile/01237841844695151217noreply@blogger.com0