GD-ML/AndroidCode
13.4k
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=1080, initial-scale=1.0">6<title>Flight Results</title>7<style>8 body { margin:0; padding:0; background:transparent; }9 #render-target{10 width:1080px; height:2400px; position:relative; overflow:hidden;11 background:#ffffff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;12 color:#1f1f1f;13 }14 .topbar{ position:relative; background:#133A7A; color:#fff; }15 .status{16 height:84px; display:flex; align-items:center; padding:0 36px; font-size:28px; opacity:0.95;17 }18 .status .right{ margin-left:auto; display:flex; gap:24px; align-items:center; }19 .nav{20 height:140px; display:flex; align-items:center; padding:0 28px 16px 28px; box-sizing:border-box;21 }22 .back{23 width:80px; height:80px; display:flex; align-items:center; justify-content:center; margin-right:12px;24 }25 .nav-title{ font-size:46px; font-weight:700; }26 .chips-wrap{27 background:#133A7A;28 padding:10px 0 26px 0;29 }30 .chips{31 display:flex; gap:20px; padding:0 28px;32 overflow:hidden;33 }34 .chip{35 background:#fff; color:#2b2b2b; border:1px solid #d9d9d9; border-radius:20px;36 padding:18px 26px; font-size:28px; box-shadow:0 2px 0 rgba(0,0,0,0.06);37 white-space:nowrap;38 }39 .chip.active{ border-color:#4683ff; box-shadow:0 0 0 2px rgba(70,131,255,0.15) inset; }40 .section{ padding:20px 28px; }41 .summary{42 background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;43 padding:24px 0;44 }45 .summary .row{ display:flex; align-items:center; }46 .summary h2{ font-size:38px; margin:0; }47 .summary .sub{ color:#6b6b6b; font-size:28px; margin-top:8px; }48 .edit-icon{ margin-left:auto; width:52px; height:52px; display:flex; align-items:center; justify-content:center; }49 .divider{ height:18px; background:#f5f5f5; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }50 .result{ padding:26px 0; }51 .badges{ display:flex; gap:14px; margin-bottom:14px; }52 .tag{ font-size:26px; font-weight:700; padding:10px 16px; border-radius:10px; }53 .tag.blue{ background:#E3F2FD; color:#3177d6; border:1px solid #d5e7fb; }54 .tag.green{ background:#E8F5E9; color:#2e7d32; border:1px solid #d7ead8; }55 .times{ display:flex; align-items:center; }56 .time-left, .time-right{ width:300px; }57 .time-left .big, .time-right .big{ font-size:52px; font-weight:800; }58 .time-left .small, .time-right .small{ color:#6b6b6b; font-size:26px; margin-top:6px; }59 .duration{ flex:1; padding:0 22px; position:relative; }60 .duration .line{ height:2px; background:#d9d9d9; margin:0 0 6px 0; }61 .duration .dtext{ text-align:center; color:#8a8a8a; font-size:26px; margin-top:8px; }62 .airline{ display:flex; align-items:center; gap:18px; margin-top:22px; color:#3a3a3a; font-size:30px; }63 .logo{64 width:72px; height:48px; background:#E0E0E0; border:1px solid #BDBDBD; display:flex; justify-content:center; align-items:center; color:#757575; font-size:20px;65 }66 .price-row{ display:flex; align-items:center; margin-top:24px; }67 .bag{ display:flex; align-items:center; gap:16px; color:#646464; font-size:28px; }68 .price{ margin-left:auto; text-align:right; }69 .price .amount{ font-size:44px; font-weight:800; }70 .price .label{ color:#8a8a8a; font-size:26px; margin-top:6px; }71 .list-divider{ border-top:1px solid #e8e8e8; margin:28px 0; }72 /* Simple icons */73 .ico{ width:34px; height:34px; display:inline-block; }74 .home-indicator{75 position:absolute; left:50%; transform:translateX(-50%);76 bottom:22px; width:360px; height:10px; background:#1a1a1a; border-radius:10px; opacity:0.7;77 }78</style>79</head>80<body>81<div id="render-target">82 <div class="topbar">83 <div class="status">84 <div>8:43</div>85 <div class="right">86 <!-- simple status icons -->87 <svg class="ico" viewBox="0 0 24 24" fill="#ffffff"><circle cx="12" cy="12" r="3"/></svg>88 <svg class="ico" viewBox="0 0 24 24" fill="#ffffff"><rect x="4" y="7" width="16" height="10" rx="2"/></svg>89 <svg class="ico" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 3a7 7 0 100 14 7 7 0 000-14zm0 2a5 5 0 110 10A5 5 0 0112 5z"/></svg>90 <svg class="ico" viewBox="0 0 24 24" fill="#ffffff"><path d="M6 2h12v2H6zM5 6h14l-1 14H6z"/></svg>91 <svg class="ico" viewBox="0 0 24 24" fill="#ffffff" opacity="0.7"><circle cx="12" cy="12" r="2"/></svg>92 <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2"><path d="M18 8v8M6 10v4"/><rect x="3" y="6" width="18" height="12" rx="3"/></svg>93 <svg class="ico" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2"><path d="M6 8h12v10H6z"/><path d="M16 6v2"/></svg>94 </div>95 </div>96 <div class="nav">97 <div class="back">98 <svg width="44" height="44" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2">99 <path d="M15 19l-7-7 7-7"/>100 </svg>101 </div>102 <div class="nav-title">126 results</div>103 </div>104 <div class="chips-wrap">105 <div class="chips">106 <div class="chip">↕ Sort by: Best</div>107 <div class="chip active">Airlines</div>108 <div class="chip">Stops</div>109 <div class="chip">Duration</div>110 <div class="chip">Flight times</div>111 </div>112 </div>113 </div>114 115 <div class="section summary">116 <div class="row">117 <div>118 <h2><strong>LHR</strong> London → <strong>OSL</strong> Oslo</h2>119 <div class="sub">Mon, Nov 06 · 1 adult · Economy</div>120 </div>121 <div class="edit-icon">122 <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#3f3f3f" stroke-width="2">123 <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z"/>124 </svg>125 </div>126 </div>127 </div>128 129 <div class="divider"></div>130 131 <div class="section result">132 <div class="badges">133 <span class="tag blue">Best</span>134 <span class="tag green">Cheapest</span>135 <span class="tag green">Fastest</span>136 </div>137 138 <div class="times">139 <div class="time-left">140 <div class="big">7:05 AM</div>141 <div class="small"><strong>LHR</strong> · Nov 06</div>142 </div>143 144 <div class="duration">145 <div class="line"></div>146 <div class="dtext">2h 10m</div>147 <div class="dtext">Direct</div>148 </div>149 150 <div class="time-right" style="text-align:right;">151 <div class="big">10:15 AM</div>152 <div class="small"><strong>OSL</strong> · Nov 06</div>153 </div>154 </div>155 156 <div class="airline">157 <div class="logo">[IMG: SAS]</div>158 <div>SAS, Operated by Sas Connect</div>159 </div>160 161 <div class="price-row">162 <div class="bag">163 <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#4b4b4b" stroke-width="2">164 <rect x="5" y="7" width="14" height="12" rx="2"/><path d="M9 7V5a3 3 0 016 0v2"/>165 </svg>166 <span>Baggage included: personal item</span>167 </div>168 <div class="price">169 <div class="amount">Rs. 15,512.70</div>170 <div class="label">Total</div>171 </div>172 </div>173 </div>174 175 <div class="list-divider"></div>176 177 <div class="section result">178 <div class="times">179 <div class="time-left">180 <div class="big">7:30 PM</div>181 <div class="small"><strong>LHR</strong> · Nov 06</div>182 </div>183 184 <div class="duration">185 <div class="line"></div>186 <div class="dtext">2h 10m</div>187 <div class="dtext">Direct</div>188 </div>189 190 <div class="time-right" style="text-align:right;">191 <div class="big">10:40 PM</div>192 <div class="small"><strong>OSL</strong> · Nov 06</div>193 </div>194 </div>195 196 <div class="airline">197 <div class="logo">[IMG: SAS]</div>198 <div>SAS, Operated by Sas Connect</div>199 </div>200 201 <div class="price-row">202 <div class="bag">203 <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#4b4b4b" stroke-width="2">204 <rect x="5" y="7" width="14" height="12" rx="2"/><path d="M9 7V5a3 3 0 016 0v2"/>205 </svg>206 <span>Baggage included: personal item</span>207 </div>208 <div class="price">209 <div class="amount">Rs. 15,512.70</div>210 <div class="label">Total</div>211 </div>212 </div>213 </div>214 215 <div class="list-divider"></div>216 217 <div class="section result">218 <div class="times">219 <div class="time-left">220 <div class="big">10:55 AM</div>221 <div class="small"><strong>LHR</strong> · Nov 06</div>222 </div>223 224 <div class="duration">225 <div class="line"></div>226 <div class="dtext">2h 15m</div>227 <div class="dtext">Direct</div>228 </div>229 230 <div class="time-right" style="text-align:right;">231 <div class="big">2:10 PM</div>232 <div class="small"><strong>OSL</strong> · Nov 06</div>233 </div>234 </div>235 236 <div class="airline">237 <div class="logo">[IMG: British Airways]</div>238 <div>British Airways</div>239 </div>240 241 <div class="price-row">242 <div class="bag">243 <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#4b4b4b" stroke-width="2">244 <rect x="5" y="7" width="14" height="12" rx="2"/><path d="M9 7V5a3 3 0 016 0v2"/>245 </svg>246 <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#4b4b4b" stroke-width="2">247 <rect x="7" y="6" width="10" height="13" rx="2"/><path d="M9 6V5a3 3 0 016 0v1"/>248 </svg>249 <span>Baggage included: personal item, carry-on bag</span>250 </div>251 <div class="price">252 <div class="amount">Rs. 23,179.58253 <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#8a8a8a" stroke-width="2" style="vertical-align:-3px; margin-left:6px;">254 <circle cx="12" cy="12" r="9"/><path d="M12 9v6M12 6h.01"/>255 </svg>256 </div>257 <div class="label">Total</div>258 </div>259 </div>260 </div>261 262 <div class="home-indicator"></div>263</div>264</body>265</html>