HTML 和 CSS - 显示电子商务交易的少量代码 [关闭]答案

【问题标题】：HTML and CSS - Small set of codes to show ecommerce deals [closed]HTML 和 CSS - 显示电子商务交易的少量代码 [关闭]
【发布时间】：2017-07-08 05:41:00
【问题描述】：

我对编码一无所知。我必须在我的网站中以 html 和 css 显示购物优惠。

我必须展示：

交易标题
商家徽标/任何图片
描述（如果有）
4.有效期（如有）
5.立即购买/激活交易按钮

我随机选择了屏幕截图Demo 1、Demo 4

【问题讨论】：

SO 不是代码编写服务。这是一个为特定问题寻找解决方案的地方。从这里开始 - stackoverflow.com/help/asking
是的，我知道，我被困在这里了。我正在为此寻找解决方案。

标签： html css wordpress web e-commerce

【解决方案1】：

这是一个简单的例子：

    .pos{
        position: absolute;
        z-index: 99;
        top: 2%;
        width:90%;
    }

<!DOCTYPE html>
<html>
<title>sparroltie</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">
<body>


<div class="w3-container  ">

  <div class="w3-card-8 w3-dark-grey " style="width:350px; position:relative">

    <div class="w3-container"  >
      
      <img src="https://i0.wp.com/adiply.com/wp-content/uploads/2016/01/mobile-product03.png?fit=635%2C530" alt="Avatar" style="width:300px;">
      <h5 class="pos w3-padding-small w3-left">visit our site : Sparrolite.blogspot.in 
      for more tutorial about blog
      </h5>

      <div class="w3-section  w3-center">
        <button class="w3-btn w3-padding-medium w3-green">Get this deal  at 0$</button>
      </div>
    </div>

  </div>
  
  
</div>

</body>
</html>

【讨论】：

谢谢，但这看起来像是完整的 HTML 页面。我需要一小段可以安装在 WordPress 帖子中的代码。