pta2002/okcart-landing.html

## okcart-landing.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>«
        <style>
        * {
            font-family: "Roboto";
            padding: 0;
            margin: 0;
            border: 0;
        }

        body {
            background: #eee;
        }

        h1 {
            font-weight: 300;
            font-size: 15vmin;
            display: inline-block;
        }

        .center {
            text-align: center;
        }

        .vc-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100vh;
        }

        footer {
            background: #333;
            height: 8vh;
            color: white;
            padding: 1em 1.2em;
            font-size: 2vmin;
        }

        .ps {
            font-size: 0.8em;
            font-style: italic;
            opacity: 0.6;
        }

        .signature {
            opacity: 0.3;
            font-size: 0.2em;
            display: block;
            font-style: italic;
        }

        a {
            color: inherit;
            text-decoration: underline;
        }

        a:hover {
            text-decoration: none;
            color: #9ac9d9;
        }

        .info {
            font-size: 1em;
        }
        </style>
        <title>OKCart</title>
    </head>
    <body>
        <div class="vc-wrapper">
            <div class="vc-inner center">
                <h1>
                    OKCart
                    <div class="signature right">Coming February 1st</div>
                </h1>
            </div>
        </div>
        <footer>
            <div class="info">
                Copyright <a href="http://pta2002.com">pta2002</a> 2017.
            </div>
        </footer>
    </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>«
	<style>
	* {
	font-family: "Roboto";
	padding: 0;
	margin: 0;
	border: 0;
	}

	body {
	background: #eee;
	}

	h1 {
	font-weight: 300;
	font-size: 15vmin;
	display: inline-block;
	}

	.center {
	text-align: center;
	}

	.vc-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100vh;
	}

	footer {
	background: #333;
	height: 8vh;
	color: white;
	padding: 1em 1.2em;
	font-size: 2vmin;
	}

	.ps {
	font-size: 0.8em;
	font-style: italic;
	opacity: 0.6;
	}

	.signature {
	opacity: 0.3;
	font-size: 0.2em;
	display: block;
	font-style: italic;
	}

	a {
	color: inherit;
	text-decoration: underline;
	}

	a:hover {
	text-decoration: none;
	color: #9ac9d9;
	}

	.info {
	font-size: 1em;
	}
	</style>
	<title>OKCart</title>
	</head>
	<body>
	<div class="vc-wrapper">
	<div class="vc-inner center">
	<h1>
	OKCart
	<div class="signature right">Coming February 1st</div>
	</h1>
	</div>
	</div>
	<footer>
	<div class="info">
	Copyright <a href="http://pta2002.com">pta2002</a> 2017.
	</div>
	</footer>
	</body>
	</html>