GD-ML/AndroidCode

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>Let's get started</title>7<style>8  body {9    margin: 0;10    padding: 0;11    background: transparent;12    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;13  }14  #render-target {15    width: 1080px;16    height: 2400px;17    position: relative;18    overflow: hidden;19    background: #2F3A41; /* dark slate */20  }21  .message {22    position: absolute;23    left: 50%;24    top: 1580px; /* placed lower on the screen */25    transform: translateX(-50%);26    color: #E6EDF1;27    font-size: 120px;28    line-height: 1.1;29    font-weight: 300;30    letter-spacing: -1px;31    text-align: center;32  }33  /* Bottom navigation area with home indicator */34  .bottom-bar {35    position: absolute;36    left: 0;37    bottom: 0;38    width: 1080px;39    height: 120px;40    background: #000000;41  }42  .home-indicator {43    position: absolute;44    left: 50%;45    bottom: 30px;46    transform: translateX(-50%);47    width: 280px;48    height: 12px;49    background: #EDEDED;50    border-radius: 12px;51    opacity: 0.95;52  }53</style>54</head>55<body>56<div id="render-target">57  <div class="message">Let's get started.</div>58 59  <div class="bottom-bar" aria-hidden="true">60    <div class="home-indicator"></div>61  </div>62</div>63</body>64</html>