GD-ML/AndroidCode

1<html lang="en">2<head>3<meta charset="UTF-8">4<meta name="viewport" content="width=1080, initial-scale=1.0">5<title>CARS24 Splash</title>6<style>7  body {8    margin: 0;9    padding: 0;10    background: transparent;11    font-family: Arial, Helvetica, sans-serif;12  }13  #render-target {14    width: 1080px;15    height: 2400px;16    position: relative;17    overflow: hidden;18    background: #265C96; /* deep blue background */19  }20  /* Status bars (top & bottom) */21  .top-bar {22    position: absolute;23    top: 0;24    left: 0;25    width: 100%;26    height: 140px;27    background: #000;28  }29  .bottom-bar {30    position: absolute;31    bottom: 0;32    left: 0;33    width: 100%;34    height: 150px;35    background: #000;36  }37  .home-indicator {38    position: absolute;39    bottom: 36px;40    left: 50%;41    transform: translateX(-50%);42    width: 260px;43    height: 16px;44    background: #E6E6E6;45    border-radius: 12px;46  }47 48  /* Logo block */49  .logo-wrap {50    position: absolute;51    left: 270px; /* centered horizontally for width 540 */52    top: 1160px;53    width: 540px;54    height: 190px;55    border: 14px solid #F47C20; /* orange border */56    border-radius: 26px;57    display: flex;58    box-sizing: border-box;59    background: transparent;60  }61  .logo-left {62    flex: 1.8;63    display: flex;64    align-items: center;65    justify-content: center;66    color: #FFFFFF;67    font-weight: 900;68    font-size: 160px;69    letter-spacing: 6px;70    line-height: 1;71  }72  .logo-right {73    flex: 1;74    position: relative;75    border-left: 14px solid #F47C20;76    display: flex;77    align-items: center;78    justify-content: center;79    color: #FFFFFF;80    font-weight: 900;81    font-size: 140px;82    line-height: 1;83  }84  /* Diagonal orange stripes in the right block */85  .stripes {86    position: absolute;87    bottom: 16px;88    right: 16px;89    width: 140px;90    height: 70px;91  }92  .stripe {93    position: absolute;94    width: 90px;95    height: 20px;96    background: #F47C20;97    transform: rotate(45deg);98    border-radius: 4px;99  }100  .stripe.s1 { bottom: 0; right: 0; }101  .stripe.s2 { bottom: 18px; right: 34px; }102  .stripe.s3 { bottom: 36px; right: 68px; }103</style>104</head>105<body>106<div id="render-target">107  <div class="top-bar"></div>108 109  <div class="logo-wrap">110    <div class="logo-left">CARS</div>111    <div class="logo-right">112      24113      <div class="stripes">114        <div class="stripe s1"></div>115        <div class="stripe s2"></div>116        <div class="stripe s3"></div>117      </div>118    </div>119  </div>120 121  <div class="bottom-bar">122    <div class="home-indicator"></div>123  </div>124</div>125</body>126</html>