Untitled
unknown
plain_text
3 years ago
8.3 kB
4
Indexable
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
.row {
margin-left:-5px;
margin-right:300px;
}
.column {
float: left;
width: 50%;
padding: 20px;
}
.row::after {
content: "";
clear: both;
display: table;
}
table{
background-color: rgb(178, 197, 222);
}
.text{
margin-left: 10px;
}
.idk{
margin-bottom: 160px;
margin-left: 10px;
}
img{
border: 12px solid black;
}
</style>
<title>Laura Blizmanová: Osobná karta</title>
</head>
<body style="background:#acbacf;">
<h1 style="margin-left: 20px;">
RESUME
</h1>
<div class="row">
<div class="column">
<table style="width: 500px;">
<tr style="height: 40px;">
<th colspan="2">
<h3>
PROFESSIONAL DETAILS
</h3>
</th>
</tr>
<tr style="height: 400px;">
<th colspan="2">
<img src="Images/Hannah-montana-forever.webp" width="100%" height="100%">
</th>
</tr>
<tr style="height: 40px;">
<th style="width:30%" align="left">
<div class="text">
NAME
</div>
</th>
<th>
c
</th>
</tr>
<tr style="height: 40px;">
<th style="width:30%" align="left">
<div class="text">
AGE
</div>
</th>
<th>
d
</th>
</tr>
<tr style="height: 40px;">
<th style="width:30%" align="left">
<div class="text">
LOCATION
</div>
</th>
<th>
e
</th>
</tr>
<tr style="height: 40px;">
<th style="width:30%" align="left">
<div class="text">
EXPERIENCE
</div>
</th>
<th>
f
</th>
</tr>
<tr style="height: 40px;">
<th style="width:30%" align="left">
<div class="text">
DEGREE
</div>
</th>
<th>
g
</th>
</tr>
</table>
</div>
<div class="column">
<table style="width: 800px;" margin-top:"100px">
<tr style="height: 40px;">
<th colspan="4">
<h3>
PROFESSIONAL DETAILS
</h3>
</th>
</tr>
<tr style="height: 50px;">
<th style="width: 20%;" align="left">
<div class="text">
NAME
</div>
</th>
<th style="width: 30%;">1</th>
<th style="width: 20%;" align="left">
<div class="text">
AGE
</div>
</th>
<th style="width: 30%;">2</th>
</tr>
<tr style="height: 50px;">
<th style="width: 20%;" align="left">
<div class="text">
LOCATION
</div>
</th>
<th style="width: 30%;">3</th>
<th style="width: 20%;" align="left">
<div class="text">
EXPERIENCE
</div>
</th>
<th style="width: 30%;">4</th>
</tr>
<tr style="height: 50px;">
<th style="width: 20%;" align="left">
<div class="text">
DEGREE
</div>
</th>
<th style="width: 30%;">5</th>
<th style="width: 20%;" align="left">
<div class="text">
CAREET LEVEL
</div>
</th>
<th style="width: 30%;">6</th>
</tr>
<tr style="height: 50px;">
<th style="width: 20%;" align="left">
<div class="text">
PHONE
</div>
</th>
<th style="width: 30%;">7</th>
<th style="width: 20%;" align="left">
<div class="text">
FAX
</div>
</th>
<th style="width: 30%;">8</th>
</tr>
<tr style="height: 50px;">
<th style="width: 20%;" align="left">
<div class="text">
E-MAIL
</div>
</th>
<th style="width: 30%;">9</th>
<th style="width: 20%;" align="left">
<div class="text">
WEBSITE
</div>
</th>
<th style="width: 30%;">10</th>
</tr>
</tr>
<tr style="height: 150px;">
<th style="width:250px" colspan="4" align="left">
<h4>
<div class="text">IM WEBSITE DESIGNER</div>
</h4>
</th>
</tr>
<tr style="height: 100px;">
<th style="width:250px" colspan="4" align="left">
<div class="idk">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit porro voluptatum
quibusdam vero tempora? Neque dignissimos, dolore nulla quod dolores adipisci
qui porro libero ipsa, assumenda, quasi sit repudiandae modi!</div>
</th>
</tr>
</table>
</div>
</div>
</body>
</html>Editor is loading...