101 lines
4.4 KiB
HTML
101 lines
4.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>0R ID CARD</title>
|
||
|
|
<link rel="stylesheet" href="css/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<main>
|
||
|
|
<div class="card-front">
|
||
|
|
<div class="card-bg"><img src="assets/citizen_front.png"></div>
|
||
|
|
|
||
|
|
<div class="card-header">
|
||
|
|
<div class="card-images">
|
||
|
|
<div class="city-image"><img src="assets/citizen_icon.png" id="card-image"></div>
|
||
|
|
<div class="city-flag"><img src="assets/flags/ro.png"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-title">
|
||
|
|
<div class="title text-16">ROMÂNIA</div>
|
||
|
|
<div class="subtitle text-14">Se încarcă...</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="player-mugshot"><img src=""></div>
|
||
|
|
|
||
|
|
<div class="player-data-wrapper">
|
||
|
|
<div class="col">
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">PRENUME</div>
|
||
|
|
<div class="data-text text-16" id="lastname">Se încarcă</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">NUME</div>
|
||
|
|
<div class="data-text text-16" id="firstname">Se încarcă</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">SEX</div>
|
||
|
|
<div class="data-text text-16" id="sex">Se încarcă</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">LICENȚĂ</div>
|
||
|
|
<div class="data-text text-16" id="license">Se încarcă</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">SEMNĂTURĂ</div>
|
||
|
|
<div class="data-text" id="signature"><img src="assets/signature.png"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title"><img src="assets/citizen_badge.png" id="badge"></div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">DATA NAȘTERII</div>
|
||
|
|
<div class="data-text text-16" id="birthdate">Se încarcă</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-title text-12">DATA EXPIRĂRII</div>
|
||
|
|
<div class="data-text text-16">8/9/2029</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-box">
|
||
|
|
<div class="data-text text-18">245606</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-back">
|
||
|
|
<div class="card-bg"><img src="assets/citizen_back_one.png"></div>
|
||
|
|
|
||
|
|
<div class="card-header">
|
||
|
|
<div class="licence-title-wrapper">
|
||
|
|
<div class="licence-title text-12">CARTE DE IDENTITATE</div>
|
||
|
|
<div class="licence-subtitle text-10">ROMÂNIA</div>
|
||
|
|
</div>
|
||
|
|
<div class="qr-wrapper">
|
||
|
|
<div class="qr-image"><img src="assets/qr_555555.png"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="chip"><img src="assets/chip.png"></div>
|
||
|
|
<div class="card-behind"><img src="assets/card_back_icon.png"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-bottom">
|
||
|
|
<div class="text text-20">RVSA78394H9847523XR88LYSDE445821967834521BCCDEF1</div>
|
||
|
|
<div class="text text-20">SA78394H99RVG15LGGVALLEYSFIE77BCDEFGHIJK123456782</div>
|
||
|
|
<div class="text text-20">REDVALLEYRPSTUDIOBCDEFGHIJKLMNOPQRSTUVWXYZ1234</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||
|
|
<script src="js/main.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|