<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>www.puhujainkulma.fi</title>
        <style>
            #body{
                margin: 0;
                padding: 0;
                display: flex;
                align-items: center;
                -webkit-justify-content: center; /* Safari */
                justify-content:         center;
            }
            #header{
                width:100%;
                height:60px; 
                position:absolute;
                background: url(./images/bg.jpg) repeat center top;
                top:0;
                left:0;
                vertical-align: middle;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                overflow: hidden;
            }
            #bodycontainer{
                top: 15%;
                min-height: 400px;
                margin-bottom: 60px;
                clear: both;
                width:100%;
                position:absolute;
                background-color:white;
                vertical-align: middle;
                display: flex;
                align-items: center;
                -webkit-justify-content: space-around; /* Safari */
                justify-content:         space-around;
                -webkit-flex-flow:  row wrap ; /* Safari */
                flex-flow:          row wrap ;
            }
            #footer{
                width:100%;
                height:60px; 
                position:fixed;
                bottom:0;
                left:0;
                background-color:black;
                color: #777575;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            #logo, #container{
                width: 80%;
            }
            img{
                height: 32px;
                width: auto;
            }
            #box {
                width: 380px;
                min-width: 380px;
                padding: 0px;
                left: 0;
                align-items: center;
                justify-content: center;
                height: 540px;
                margin-bottom: 80px;
                /*border: 1px solid #FF0000;*/
            }
            @media only screen and (max-width: 500px) {
                #bodycontainer{
                    top: 20%;
                    min-height: 400px;
                    margin-bottom: 60px;
                    clear: both;
                    width:100%;
                }
                #box {
                    width: 380px;
                    min-width: 380px;
                    padding: 0px;
                    left: 0;
                    align-items: center;
                    justify-content: center;
                    height: 540px;
                    margin-bottom: 80px;
                    /*border: 1px solid #FF0000;*/
                }
                
            }
            @media only screen and (max-width: 350px) {
                #bodycontainer{
                    top: 20%;
                    min-height: 400px;
                    margin-bottom: 60px;
                    clear: both;
                    width:100%;
                }
                #box {
                    width: 350px;
                    min-width: 350px;
                    padding: 0px;
                    left: 0;
                    align-items: center;
                    justify-content: center;
                    height: 540px;
                    margin-bottom: 80px;
                    /*border: 1px solid #FF0000;*/
                }
                
            }
           .h2 {
                background-color: #ff4500;
                padding: 0px;
                font-family: 'Roboto', sans-serif;
                font-size: 14px;
                color: #FFFFFF;
                text-transform: uppercase;
                font-weight: bold;
                text-align: center ;
                line-height: 1.1;
            }
            ul, li, ol {
                margin: 0;
                left: 0;
                padding: 5px;
                line-height: 35px;
                list-style: none;
                font-family: 'Roboto', sans-serif;
                color: #777575;
                font-size: 15px;
                text-align: center;
            }
            ul, li{
                border-bottom:0.5px solid #777575;
            }
            ul{
                border-bottom:none;
            }
            .contact {
                background: #ff4500;
                padding: 20px 0;
                margin-top: 10px;
                box-sizing: border-box;
                display: block;
                font-weight: bold;
                text-align: center ;
                line-height: 1.1;
                font-family: 'Roboto', sans-serif;
                color: #777575;
                font-size: 15px;
            }
            .contact > a:link {
                color: white;
                text-decoration: none;
            }
            .contact > a:active {
                color: white;
                text-decoration: none;
            }
            .contact > a:hover {
                color: white;
                text-decoration: underline;
            }            
            .contact > a:visited {
                color: white;
                text-decoration: none;
            }
            
        </style>
    </head>
  
    <body>
    <div id="body">
        <div id="header">
            <div id="logo"><img src="./images/hireslogo.png"></img></div>
        </div>
        <div id="bodycontainer">

            
            <table id="box">
                <tr>
                    <td class="h2"><h2>Parked domain</h2></td>
                </tr>
                <tr>
                    <td><ul>
                    <li>This domain is parked at Radicenter. The website has not been set up yet. To set up webpage or create E-Mail addresses, contact customer support.<br></li><li>+ Fast full SSD servers<br></li><li>+ Free SSL certificates<br></li><li>+ Unlimited bandwidth<br></li><li>+ Free website software</li>
                </ul>&nbsp;</td>
                </tr>
                <tr>
                    <td class="contact"><a href="https://www.radicenter.eu/">More Info about services</a></td>
                </tr>
            </table>
            
            <table id="box">
                <tr>
                    <td class="h2"><h2>Pargitud domeen</h2></td>
                </tr>
                <tr>
                    <td><ul><li>Antud domeen on pargitud Radicenteris. Kodulehe ja/või E-Posti teenuse kasutuselevõtmiseks palume ühendust võtta kasutajatoega.<br></li><li>+ Kiired Full SSD serverid<br></li><li>+ Tasuta SSL sertifikaadid<br></li><li>+ Piiramatu andmeside<br></li><li>+ tasuta kodulehe tarkvara</li></ul>&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td class="contact"><a href="https://www.radicenter.ee/">Lisainfot teenuste kohta</a></td>
                </tr>
            </table>
            
            <table id="box">
                <tr>
                    <td class="h2"><h2>Pysäköity verkkotunnus</h2></td>
                </tr>
                <tr>
                    <td><ul><li>Tämä verkkotunnus on pysäköity Radicenteriin. Jos haluat luoda domainille kotisivut tai s-posti osoitteet, ota yhteys käyttötukeen.<br></li><li>+ Nopeat full SSD palvelimet<br></li><li>+ Ilmaiset SSL sertifikaatit<br></li><li>+ Rajoittamaton liikenne<br></li><li>+ Ilmaiset kotisivusovellukset</li></ul>&nbsp;</td>
                </tr>
                <tr>
                    <td class="contact"><a href="https://www.radicenter.fi/">Enemmän tietoa palveluista</a></td>
                </tr>
            </table>
          
        </div>
	<div id="footer">Radicenter OÜ 2021</div>
    </div>
    </body>
</html>
