Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
8.3 kB
2
Indexable
Never
<!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>