aleksandar-babic/error502.html

## error502.html
<!doctype html>
<html>
<head>
    <title>Error|DeployHandler</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

    <style>
        html {
            background: url('https://app.deployhandler.com/assets/img/blur-bg.jpg') no-repeat center center fixed;
            -webkit-background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        body {
            font-weight: 300;
            letter-spacing: normal;
            text-transform: none;
            font-family: Gotham SSm,sans-serif;
            font-size: 13px;
            line-height: 2em;
            color: #a7a7a7;
            color: #222;
        }
        .header-content{
            max-width: none;
            text-align: left;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
        }

        h1.logo {
            margin: 15px 10px 10px 22px;
        }

        #content{
            position: relative;
            height: 500px;
            width: 60%;
            margin: 0 auto;
            padding: 20px;
            resize: both;
            overflow: auto;
        }

        .main-content{
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .main-content > h1 {
            font-size: 3em;
            line-height: 1.3em;
        }

        .button {
            display: flex;
            overflow: hidden;

            margin: 10px;
            padding: 12px 12px;

            cursor: pointer;
            user-select: none;
            transition: all 60ms ease-in-out;
            text-align: center;
            white-space: nowrap;
            text-decoration: none !important;
            text-transform: none;
            text-transform: capitalize;

            color: #fff;
            border: 0 none;
            border-radius: 4px;

            font-size: 13px;
            font-weight: 500;
            line-height: 1.3;

            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;

            justify-content: center;
            align-items: center;
            flex: 0 0 160px;

            box-shadow: 2px 5px 10px rgba($ dark, .1);
        }
        .button:hover {
                 transition: all 60ms ease;

                 opacity: .85;
             }

        .button:active {
                 transition: all 60ms ease;
                 opacity: .75;
             }

        .button:focus {
                 outline: 1px dotted #959595;
                 outline-offset: -4px;
             }

        .button.-blue {
            color: #ffffff;
            background: #209e91;
        }
        .button-wrapper{
            max-width: 132px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <section id="body-wrapper">
        <header id="header">
            <div class="header-content">
                <h1 class="logo">
                    <a href="https://app.deployhandler.com"><span class="full-logo"><img src="https://deployhandler.com/assets/img/logo-light.png" /></span></a>
                </h1>
            </div>
        </header>
        <main id="content">
            <div class="main-content">
                <h1>THIS APP IS NOT STARTED.</h1>
                <p>If you are owner of this app, please click on Manage apps button below and start it.</p>
                <div class="button-wrapper"><a href="https://app.deployhandler.com/#/apps/manage" class="button -blue center">Manage Apps</a></div>
            </div>
        </main>
    </section>
</body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>Error\|DeployHandler</title>

	<meta charset="utf-8" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

	<style>
	html {
	background: url('https://app.deployhandler.com/assets/img/blur-bg.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	body {
	font-weight: 300;
	letter-spacing: normal;
	text-transform: none;
	font-family: Gotham SSm,sans-serif;
	font-size: 13px;
	line-height: 2em;
	color: #a7a7a7;
	color: #222;
	}
	.header-content{
	max-width: none;
	text-align: left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	}

	h1.logo {
	margin: 15px 10px 10px 22px;
	}

	#content{
	position: relative;
	height: 500px;
	width: 60%;
	margin: 0 auto;
	padding: 20px;
	resize: both;
	overflow: auto;
	}

	.main-content{
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	}

	.main-content > h1 {
	font-size: 3em;
	line-height: 1.3em;
	}

	.button {
	display: flex;
	overflow: hidden;

	margin: 10px;
	padding: 12px 12px;

	cursor: pointer;
	user-select: none;
	transition: all 60ms ease-in-out;
	text-align: center;
	white-space: nowrap;
	text-decoration: none !important;
	text-transform: none;
	text-transform: capitalize;

	color: #fff;
	border: 0 none;
	border-radius: 4px;

	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	justify-content: center;
	align-items: center;
	flex: 0 0 160px;

	box-shadow: 2px 5px 10px rgba($ dark, .1);
	}
	.button:hover {
	transition: all 60ms ease;

	opacity: .85;
	}

	.button:active {
	transition: all 60ms ease;
	opacity: .75;
	}

	.button:focus {
	outline: 1px dotted #959595;
	outline-offset: -4px;
	}

	.button.-blue {
	color: #ffffff;
	background: #209e91;
	}
	.button-wrapper{
	max-width: 132px;
	margin: 0 auto;
	}
	</style>
	</head>

	<body>
	<section id="body-wrapper">
	<header id="header">
	<div class="header-content">
	<h1 class="logo">
	<a href="https://app.deployhandler.com"><span class="full-logo"><img src="https://deployhandler.com/assets/img/logo-light.png" /></span></a>
	</h1>
	</div>
	</header>
	<main id="content">
	<div class="main-content">
	<h1>THIS APP IS NOT STARTED.</h1>
	<p>If you are owner of this app, please click on Manage apps button below and start it.</p>
	<div class="button-wrapper"><a href="https://app.deployhandler.com/#/apps/manage" class="button -blue center">Manage Apps</a></div>
	</div>
	</main>
	</section>
	</body>
	</html>