JohannVelazquez
64 lines
3.5 KiB
HTML
64 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Datos bancarios — Johann Joseph Velazquez Antonio</title>
|
|
<style>
|
|
@font-face{ font-family:'Caladea'; src:url("../propuesta/fonts/Caladea-Regular.ttf"); font-weight:400; font-style:normal; }
|
|
@font-face{ font-family:'Caladea'; src:url("../propuesta/fonts/Caladea-Bold.ttf"); font-weight:700; font-style:normal; }
|
|
@font-face{ font-family:'Carlito'; src:url("../propuesta/fonts/Carlito-Regular.ttf"); font-weight:400; font-style:normal; }
|
|
@font-face{ font-family:'Carlito'; src:url("../propuesta/fonts/Carlito-Bold.ttf"); font-weight:700; font-style:normal; }
|
|
|
|
:root{
|
|
--ink:#1E2329; --muted:#7A8087; --hair:#DCD6CB; --gold:#B07D2B;
|
|
--serif:'Caladea',Georgia,serif; --sans:'Carlito',system-ui,sans-serif;
|
|
}
|
|
@page{ size:215.9mm 139.7mm; margin:0; }
|
|
*{ box-sizing:border-box; margin:0; padding:0; }
|
|
html,body{ background:#fff; }
|
|
body{ font-family:var(--serif); color:var(--ink); font-size:11.5pt; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
|
|
.sheet{ width:215.9mm; height:139.7mm; padding:10mm 28mm 0; display:flex; flex-direction:column; overflow:hidden; }
|
|
|
|
.head{ text-align:center; }
|
|
.mono{ width:12mm; height:12mm; border:1.1pt solid var(--gold); border-radius:50%; margin:0 auto 2.5mm;
|
|
display:flex; align-items:center; justify-content:center; font-size:12.5pt; letter-spacing:.04em; }
|
|
.head .nm{ font-size:12.5pt; letter-spacing:.24em; text-transform:uppercase; }
|
|
.head .role{ font-family:var(--sans); font-size:7.8pt; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-top:2pt; }
|
|
.double{ margin:4mm 0 0; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); height:3pt; }
|
|
|
|
.data{ flex:1; display:flex; flex-direction:column; justify-content:center; padding:0 4mm; }
|
|
.row{ display:flex; align-items:baseline; padding:3.6pt 0; }
|
|
.row .k{ font-family:var(--sans); font-size:8.4pt; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
|
|
.row .dots{ flex:1; border-bottom:1.2pt dotted #C9C2B5; margin:0 6pt; transform:translateY(-3pt); }
|
|
.row .v{ white-space:nowrap; font-variant-numeric:tabular-nums lining-nums; }
|
|
.row.big .v{ font-size:15pt; font-weight:700; letter-spacing:.06em; }
|
|
|
|
.foot{ padding:5pt 0 7mm; border-top:1px solid var(--hair); text-align:center;
|
|
font-family:var(--sans); font-size:8pt; letter-spacing:.06em; color:var(--muted); }
|
|
.foot i{ display:inline-block; width:4pt; height:4pt; background:var(--gold); transform:rotate(45deg); margin:0 8pt 1pt; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="sheet">
|
|
|
|
<div class="head">
|
|
<div class="mono">JV</div>
|
|
<div class="nm">Johann Joseph Velazquez Antonio</div>
|
|
<div class="role">Consultor de Software</div>
|
|
</div>
|
|
<div class="double"></div>
|
|
|
|
<div class="data">
|
|
<div class="row"><span class="k">Beneficiario</span><span class="dots"></span><span class="v">Johann Joseph Velazquez Antonio</span></div>
|
|
<div class="row"><span class="k">RFC</span><span class="dots"></span><span class="v">VEAJ031228MD6</span></div>
|
|
<div class="row"><span class="k">Banco</span><span class="dots"></span><span class="v">BBVA México</span></div>
|
|
<div class="row"><span class="k">Número de cuenta</span><span class="dots"></span><span class="v">1548166833</span></div>
|
|
<div class="row big"><span class="k">CLABE interbancaria</span><span class="dots"></span><span class="v">012180015481668333</span></div>
|
|
</div>
|
|
|
|
<div class="foot">johann_antonio85@hotmail.com<i></i>81 3161 0998</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|