GD-ML/AndroidCode

1<html>2<head>3<meta charset="UTF-8">4<meta name="viewport" content="width=1080, initial-scale=1.0">5<title>Description Page</title>6<style>7  body { margin: 0; padding: 0; background: transparent; font-family: Arial, Helvetica, sans-serif; }8  #render-target {9    width: 1080px;10    height: 2400px;11    position: relative;12    overflow: hidden;13    background: #ffffff;14    color: #222;15  }16 17  /* Top App Bar */18  .app-bar {19    position: absolute;20    top: 0;21    left: 0;22    width: 1080px;23    height: 140px;24    display: flex;25    align-items: center;26    padding: 0 32px;27    box-sizing: border-box;28    border-bottom: 1px solid #e6e6e6;29    background: #fff;30  }31  .icon-btn {32    width: 88px;33    height: 88px;34    display: flex;35    align-items: center;36    justify-content: center;37    border-radius: 44px;38  }39  .title {40    font-size: 46px;41    font-weight: 700;42    margin-left: 16px;43    flex: 1;44  }45  .bag-icon {46    width: 64px;47    height: 64px;48  }49 50  /* Content */51  .content {52    position: absolute;53    top: 140px;54    left: 0;55    right: 0;56    bottom: 0;57    padding: 32px 40px 120px;58    box-sizing: border-box;59    overflow-y: auto;60  }61  .para {62    font-size: 34px;63    line-height: 1.6;64    color: #2b2b2b;65    margin-bottom: 36px;66  }67  .link {68    color: #1a73e8;69    text-decoration: underline;70    cursor: pointer;71  }72</style>73</head>74<body>75<div id="render-target">76  <!-- App Bar -->77  <div class="app-bar">78    <div class="icon-btn" aria-label="Back">79      <svg width="48" height="48" viewBox="0 0 24 24" fill="none">80        <path d="M15.5 5l-7 7 7 7" stroke="#333" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>81      </svg>82    </div>83    <div class="title">Description</div>84    <div class="icon-btn" aria-label="Cart">85      <svg class="bag-icon" viewBox="0 0 24 24" fill="none">86        <path d="M6 7h12l-1.2 12.5c-.1 1-1 1.5-2 1.5H9.2c-1 0-1.9-.5-2-1.5L6 7z" stroke="#333" stroke-width="2" fill="none"/>87        <path d="M9 7a3 3 0 0 1 6 0" stroke="#333" stroke-width="2" stroke-linecap="round"/>88      </svg>89    </div>90  </div>91 92  <!-- Content -->93  <div class="content">94    <p class="para">95      <strong>PRODUCT STORY:</strong> The all-new HYBRID NX Men's Running Shoes is a game-changer in the world of everyday cushioned running shoes. Designed with HYBRID foam and a rubber outsole, this shoe flawlessly fuses street style with modern technology.96    </p>97    <p class="para">98      <strong>FEATURES &amp; BENEFITS</strong> HYBRID: PUMA's solution for cushioning and responsiveness, a combination of the two best technologies from PUMA IGNITE Foam and NRGY Beads.99    </p>100    <p class="para">101      <strong>DETAILS</strong> Knitted upper for breathability, HYBRID foam for optimum cushioning, Lace closure for snug fit, PUMA Wordmark at tongue, PUMA Wordmark at toe box, PUMA Cat logo at counter102    </p>103    <p class="para">104      Explore the entire range of <span class="link">Footwear</span> available on Nykaa. Shop more <span class="link">Puma</span> products here. You can browse through the complete world of <span class="link">Puma Footwear</span>.105    </p>106  </div>107</div>108</body>109</html>