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>Gita’s Ways - Book Cover</title>7<style>8  body {9    margin: 0;10    padding: 0;11    background: transparent;12  }13 14  #render-target {15    position: relative;16    width: 1080px;17    height: 2400px;18    overflow: hidden;19    background: #000;20    color: #fff;21    font-family: Georgia, "Times New Roman", Times, serif;22  }23 24  /* Centered text block */25  .content {26    position: absolute;27    top: 720px;28    left: 50%;29    transform: translateX(-50%);30    width: 980px;31    text-align: center;32  }33 34  .line {35    margin: 0;36    padding: 0;37    color: #ffffff;38    text-transform: uppercase;39    letter-spacing: 6px;40  }41 42  .title {43    font-size: 110px;44    font-weight: 700;45    line-height: 1.2;46    margin-bottom: 70px;47  }48 49  .subtitle {50    font-size: 86px;51    font-weight: 700;52    line-height: 1.1;53    margin: 0 0 70px 0;54  }55 56  .tagline {57    font-size: 106px;58    font-weight: 700;59    line-height: 1.2;60    margin-bottom: 110px;61  }62 63  .author {64    font-size: 66px;65    font-weight: 700;66    text-transform: none;67    letter-spacing: 2px;68  }69 70  .watermark {71    position: absolute;72    right: 24px;73    bottom: 220px;74    font-size: 22px;75    color: rgba(255,255,255,0.25);76    letter-spacing: 1px;77  }78</style>79</head>80<body>81  <div id="render-target">82    <div class="content">83      <div class="line title">GITA’S WAYS</div>84      <div class="line subtitle">TO</div>85      <div class="line tagline">LEAD YOUR LIFE…</div>86      <div class="line author">Birister Sharma</div>87    </div>88 89    <div class="watermark">Copyrighted material</div>90  </div>91</body>92</html>