Skip to content

Instantly share code, notes, and snippets.

@itwondersteam
Created April 6, 2021 10:05
Show Gist options
  • Save itwondersteam/ccf93c5e7c10d43362153a790c3fc7d4 to your computer and use it in GitHub Desktop.
Save itwondersteam/ccf93c5e7c10d43362153a790c3fc7d4 to your computer and use it in GitHub Desktop.
coming soon html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#13395e">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#13395e">
<meta name="msapplication-config" content="/favicon/browserconfig.xml">
<meta name="theme-color" content="#13395e">
<title>Jaripage</title>
<style>
.flex-container {
display: flex;
}
body {
background-color: #13395E;
}
#coming-soon-image {
max-width: 50vw;
max-height: 50vh;
display: block;
margin-left: auto;
margin-right: auto;
}
#coming-soon-description h1,
#coming-soon-description h4 {
text-align: center;
color: #F4D180;
}
@media (max-width: 500px) {
.desc {
margin-top: 20vh;
}
}
</style>
</head>
<body>
<div id="coming-soon-page">
<div id="coming-soon-content">
<!--<img id='coming-soon-image' src='img/'>-->
<div id="coming-soon-description">
<!-- <h1>&nbsp;</h1> -->
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<div class="desc">
<h4 style='font-family: "Arial";'>Get Ready&#8230; Something Really Cool Is</h4>
<h1><strong>COMING SOON</strong></h1>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment