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>The Orchid Vegan Restaurant</title>7<style>8 body { margin: 0; padding: 0; background: transparent; }9 #render-target {10 width: 1080px;11 height: 2400px;12 position: relative;13 overflow: hidden;14 background: #101815;15 font-family: Arial, Helvetica, sans-serif;16 color: #222;17 }18 19 /* Simulated browser address bar */20 .browserBar {21 position: absolute;22 top: 0;23 left: 0;24 width: 1080px;25 height: 165px;26 background: #0d1712;27 color: #e9ecef;28 box-sizing: border-box;29 padding: 30px 36px;30 display: flex;31 align-items: center;32 gap: 22px;33 }34 .address-pill {35 background: #2e6b45;36 color: #fff;37 border-radius: 40px;38 padding: 22px 34px;39 font-size: 36px;40 display: flex;41 align-items: center;42 gap: 18px;43 }44 .addr-actions {45 margin-left: auto;46 display: flex;47 align-items: center;48 gap: 28px;49 }50 .tab-badge {51 width: 56px;52 height: 56px;53 border-radius: 12px;54 border: 2px solid #cbd5e1;55 display: flex;56 align-items: center;57 justify-content: center;58 font-size: 32px;59 color: #e9ecef;60 }61 .icon {62 width: 54px;63 height: 54px;64 }65 66 /* Site header bar */67 .siteHeader {68 position: absolute;69 top: 165px;70 left: 0;71 width: 1080px;72 height: 140px;73 background: #151515;74 color: #fff;75 display: flex;76 align-items: center;77 box-sizing: border-box;78 padding: 0 36px;79 box-shadow: 0 2px 0 rgba(0,0,0,0.2);80 }81 .siteTitle {82 font-size: 56px;83 font-weight: 800;84 letter-spacing: 0.2px;85 }86 .menuBtn {87 margin-left: auto;88 width: 160px;89 height: 84px;90 border-radius: 12px;91 border: 2px solid #4a4a4a;92 display: flex;93 align-items: center;94 justify-content: center;95 }96 97 /* Content list */98 .content {99 position: absolute;100 top: 305px;101 left: 0;102 width: 1080px;103 height: calc(2400px - 305px);104 background: #ffffff;105 overflow: hidden;106 }107 .item {108 position: relative;109 padding: 40px 48px;110 border-bottom: 1px solid #e6e8eb;111 }112 .title {113 font-size: 56px;114 font-weight: 700;115 color: #2b3440;116 }117 .subtitle {118 margin-top: 14px;119 font-size: 34px;120 color: #6b7280;121 font-style: italic;122 }123 .chevron {124 position: absolute;125 right: 36px;126 top: 50%;127 transform: translateY(-50%);128 width: 48px;129 height: 48px;130 }131 .spacer {132 height: 20px;133 }134 135 /* Cookie bar overlay */136 .cookieBar {137 position: absolute;138 left: 0;139 bottom: 160px;140 width: 1080px;141 background: rgba(23,23,23,0.95);142 color: #fff;143 box-sizing: border-box;144 padding: 28px 36px 24px;145 font-size: 36px;146 line-height: 1.45;147 }148 .cookieActions {149 display: flex;150 justify-content: center;151 margin-top: 24px;152 }153 .cookieBtn {154 background: #78c79c;155 color: #fff;156 border: none;157 border-radius: 14px;158 padding: 22px 160px;159 font-size: 40px;160 font-weight: 700;161 }162 163 /* Footer bar peeking under cookie notice */164 .footerBar {165 position: absolute;166 left: 0;167 bottom: 0;168 width: 1080px;169 height: 150px;170 background: #5a2d08;171 color: #f5f5f5;172 display: flex;173 align-items: center;174 justify-content: center;175 font-size: 34px;176 opacity: 0.85;177 }178</style>179</head>180<body>181<div id="render-target">182 183 <!-- Simulated mobile browser bar -->184 <div class="browserBar">185 <!-- Home icon -->186 <svg class="icon" viewBox="0 0 24 24" fill="none">187 <path d="M3 10l9-7 9 7v10a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1V10z" stroke="#e9ecef" stroke-width="2" fill="none"/>188 </svg>189 190 <div class="address-pill">191 <!-- Lock icon -->192 <svg class="icon" viewBox="0 0 24 24">193 <path d="M7 10V7a5 5 0 0 1 10 0v3h2v10H5V10h2zm2 0h6V7a3 3 0 1 0-6 0v3z" fill="#ffffff"/>194 </svg>195 <span>online.orchidvegan.com</span>196 </div>197 198 <div class="addr-actions">199 <!-- Plus icon -->200 <svg class="icon" viewBox="0 0 24 24">201 <path d="M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z" fill="#e9ecef"/>202 </svg>203 <div class="tab-badge">5</div>204 <!-- Kebab menu -->205 <svg class="icon" viewBox="0 0 24 24">206 <circle cx="12" cy="5" r="2" fill="#e9ecef"/>207 <circle cx="12" cy="12" r="2" fill="#e9ecef"/>208 <circle cx="12" cy="19" r="2" fill="#e9ecef"/>209 </svg>210 </div>211 </div>212 213 <!-- Site header -->214 <div class="siteHeader">215 <div class="siteTitle">The Orchid Vegan Restaurant T</div>216 <div class="menuBtn">217 <svg width="96" height="64" viewBox="0 0 24 24">218 <path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" fill="#cfd8dc"/>219 </svg>220 </div>221 </div>222 223 <!-- Content list -->224 <div class="content">225 <div class="item">226 <div class="title">Stuffed Bun - Bao</div>227 <div class="subtitle">Soft Bun stuffed with tasty vegan ingredients</div>228 <svg class="chevron" viewBox="0 0 24 24">229 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>230 </svg>231 </div>232 233 <div class="item">234 <div class="title">Ramen</div>235 <div class="subtitle">Vegan Ramen with delicious vegan ingredients</div>236 <svg class="chevron" viewBox="0 0 24 24">237 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>238 </svg>239 </div>240 241 <div class="item">242 <div class="title">Udon</div>243 <div class="subtitle">Stirfry Udon noodles dish</div>244 <svg class="chevron" viewBox="0 0 24 24">245 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>246 </svg>247 </div>248 249 <div class="item">250 <div class="title">Vegan Sushi</div>251 <div class="subtitle">Pure vegan sushi served with sushi soy sauce</div>252 <svg class="chevron" viewBox="0 0 24 24">253 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>254 </svg>255 </div>256 257 <div class="item">258 <div class="title">Appetizer</div>259 <svg class="chevron" viewBox="0 0 24 24">260 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>261 </svg>262 </div>263 264 <div class="item">265 <div class="title">Soup</div>266 <svg class="chevron" viewBox="0 0 24 24">267 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>268 </svg>269 </div>270 271 <div class="item">272 <div class="title">Main</div>273 <svg class="chevron" viewBox="0 0 24 24">274 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>275 </svg>276 </div>277 278 <div class="item">279 <div class="title">Fried Rice</div>280 <svg class="chevron" viewBox="0 0 24 24">281 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>282 </svg>283 </div>284 285 <div class="item">286 <div class="title">Extra</div>287 <svg class="chevron" viewBox="0 0 24 24">288 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>289 </svg>290 </div>291 292 <div class="item">293 <div class="title">Vegan Dessert</div>294 <svg class="chevron" viewBox="0 0 24 24">295 <path d="M6 9l6 6 6-6" stroke="#2e61d8" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>296 </svg>297 </div>298 299 <div class="spacer"></div>300 </div>301 302 <!-- Cookie notice overlay -->303 <div class="cookieBar">304 We use cookies to give you the best experience on our website. By continuing, you agree to our use of cookies.305 <div class="cookieActions">306 <button class="cookieBtn">OK</button>307 </div>308 </div>309 310 <!-- Bottom bar under cookie notice -->311 <div class="footerBar">Pre-order</div>312</div>313</body>314</html>