GD-ML/AndroidCode
13.4k
1<html>2<head>3<meta charset="UTF-8">4<title>Reffgen & Schmuck Reviews</title>5<style>6 body {7 margin: 0;8 padding: 0;9 background: transparent;10 font-family: Arial, Helvetica, sans-serif;11 color: #222;12 }13 #render-target {14 position: relative;15 overflow: hidden;16 width: 1080px;17 height: 2400px;18 background: #ffffff;19 }20 21 /* Status bar */22 .status-bar {23 height: 90px;24 padding: 0 32px;25 display: flex;26 align-items: center;27 justify-content: space-between;28 color: #333;29 font-size: 34px;30 }31 .status-right {32 display: flex;33 align-items: center;34 gap: 22px;35 }36 .icon-circle {37 width: 34px;38 height: 34px;39 border-radius: 50%;40 background: #8e8e8e;41 }42 .icon-battery {43 width: 28px;44 height: 42px;45 border: 3px solid #777;46 border-radius: 6px;47 position: relative;48 }49 .icon-battery:after {50 content: "";51 position: absolute;52 top: -6px;53 left: 8px;54 width: 12px;55 height: 6px;56 background: #777;57 border-radius: 2px;58 }59 60 /* Header */61 .header {62 display: flex;63 align-items: center;64 justify-content: space-between;65 padding: 12px 32px 6px;66 }67 .brand {68 display: flex;69 align-items: center;70 gap: 24px;71 }72 .logo {73 width: 300px;74 height: 80px;75 background: #E0E0E0;76 border: 1px solid #BDBDBD;77 display: flex;78 align-items: center;79 justify-content: center;80 color: #757575;81 font-size: 28px;82 border-radius: 6px;83 }84 .hamburger {85 display: flex;86 align-items: center;87 gap: 18px;88 }89 .hamburger svg {90 width: 64px;91 height: 64px;92 fill: none;93 stroke: #444;94 stroke-width: 10;95 }96 .menu-label {97 font-size: 40px;98 color: #222;99 }100 101 /* Ratings summary stars */102 .ratings-summary {103 padding: 16px 32px 20px;104 }105 .rating-item {106 display: flex;107 align-items: center;108 gap: 24px;109 margin: 16px 0;110 }111 .stars {112 letter-spacing: 6px;113 font-size: 42px;114 color: #000;115 }116 .rating-label {117 font-size: 36px;118 color: #333;119 }120 121 /* Section title */122 .section-title {123 padding: 20px 32px 8px;124 font-size: 64px;125 font-weight: 700;126 color: #2c2c2c;127 }128 129 /* Review blocks */130 .review {131 padding: 4px 32px 28px;132 border-bottom: 1px solid #eee;133 }134 .review .stars-line {135 display: flex;136 align-items: center;137 gap: 18px;138 margin-top: 10px;139 }140 .details-link {141 font-size: 36px;142 color: #2a69ff;143 }144 .reviewer {145 margin-top: 16px;146 font-size: 44px;147 font-weight: 700;148 }149 .review-text {150 margin-top: 12px;151 font-size: 36px;152 line-height: 1.5;153 color: #222;154 }155 .meta-row {156 display: flex;157 align-items: center;158 justify-content: space-between;159 margin-top: 22px;160 font-size: 32px;161 color: #666;162 }163 .report-link {164 color: #2a69ff;165 }166 167 /* Answer box */168 .answer {169 margin: 16px 32px 8px;170 background: #fafafa;171 border-left: 6px solid #e0e0e0;172 padding: 24px 24px 10px 28px;173 border-radius: 8px;174 }175 .answer .answer-title {176 font-size: 40px;177 color: #222;178 margin-bottom: 10px;179 }180 .answer .answer-text {181 font-size: 34px;182 line-height: 1.55;183 color: #333;184 }185 .answer .answer-meta {186 display: flex;187 justify-content: space-between;188 margin-top: 18px;189 font-size: 32px;190 color: #666;191 }192 193 /* Second review bottom padding */194 .bottom-space {195 height: 140px;196 }197 198 /* Recaptcha bubble placeholder */199 .recaptcha {200 position: absolute;201 right: 28px;202 bottom: 160px;203 width: 280px;204 height: 160px;205 background: #E0E0E0;206 border: 1px solid #BDBDBD;207 border-radius: 16px;208 display: flex;209 align-items: center;210 justify-content: center;211 color: #757575;212 font-size: 28px;213 box-shadow: 0 6px 16px rgba(0,0,0,0.15);214 }215 216 /* Bottom navigation hint bar */217 .bottom-bar {218 position: absolute;219 left: 300px;220 bottom: 36px;221 width: 480px;222 height: 16px;223 background: #bdbdbd;224 border-radius: 8px;225 }226</style>227</head>228<body>229<div id="render-target">230 231 <!-- Top status bar -->232 <div class="status-bar">233 <div>5:18</div>234 <div class="status-right">235 <div class="icon-circle"></div>236 <div class="icon-battery"></div>237 </div>238 </div>239 240 <!-- Header with logo and menu -->241 <div class="header">242 <div class="brand">243 <div class="logo">[IMG: Reffgen & Schmuck Logo]</div>244 </div>245 <div class="hamburger">246 <svg viewBox="0 0 100 100">247 <line x1="12" y1="20" x2="88" y2="20"></line>248 <line x1="12" y1="50" x2="88" y2="50"></line>249 <line x1="12" y1="80" x2="88" y2="80"></line>250 </svg>251 <div class="menu-label">menu</div>252 </div>253 </div>254 255 <!-- Ratings summary -->256 <div class="ratings-summary">257 <div class="rating-item">258 <div class="stars">★★★★★</div>259 <div class="rating-label">reachability</div>260 </div>261 <div class="rating-item">262 <div class="stars">★★★★★</div>263 <div class="rating-label">reliability</div>264 </div>265 <div class="rating-item">266 <div class="stars">★★★★★</div>267 <div class="rating-label">Offer description</div>268 </div>269 <div class="rating-item">270 <div class="stars">★★★★★</div>271 <div class="rating-label">Purchase process</div>272 </div>273 </div>274 275 <!-- Section title -->276 <div class="section-title">Good reasons for Reffgen & Schm...</div>277 278 <!-- Review: Selina -->279 <div class="review">280 <div class="stars-line">281 <div class="stars">★★★★★</div>282 <div class="details-link">Details</div>283 </div>284 <div class="reviewer">Selina</div>285 <div class="review-text">286 Very good advice, always friendly and very precise.<br>287 It was a good decision to take the 3 hour drive288 </div>289 <div class="meta-row">290 <div>May 31, 2023</div>291 <div class="report-link">Report</div>292 </div>293 </div>294 295 <!-- Answer to Selina -->296 <div class="answer">297 <div class="answer-title">Answer : <strong>Reffgen & Schmuck Automobile GmbH</strong></div>298 <div class="answer-text">299 Hello Selina, we are pleased that you chose our car dealership despite the longer journey time and thank you for the review. Best regards, your Reffgen & Jewelry team300 </div>301 <div class="answer-meta">302 <div>June 21, 2023</div>303 <div class="report-link">Report</div>304 </div>305 </div>306 307 <!-- Review: Cieri -->308 <div class="review">309 <div class="stars-line">310 <div class="stars">★★★★★</div>311 <div class="details-link">Details</div>312 </div>313 <div class="reviewer">Cieri</div>314 <div class="review-text">315 I was very satisfied with the advice and am glad I bought my car there! :)316 </div>317 <div class="meta-row">318 <div>May 16, 2023</div>319 <div></div>320 </div>321 </div>322 323 <div class="bottom-space"></div>324 325 <!-- Recaptcha bubble placeholder -->326 <div class="recaptcha">[IMG: reCAPTCHA Bubble]</div>327 328 <!-- Bottom navigation bar hint -->329 <div class="bottom-bar"></div>330</div>331</body>332</html>