You've already forked How-Fake-Is-This
mirror of
https://github.com/MrLyallCSIT/How-Fake-Is-This.git
synced 2026-01-18 07:09:40 +00:00
Creation of Logos
This commit is contained in:
Alexander Davis
325
index.html
Executable file
325
index.html
Executable file
@@ -0,0 +1,325 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="cspio">
|
||||
<head>
|
||||
<!---
|
||||
Welcome to our free coming soon page template by http://comingsoonpage.com Get your free download at https://www.seedprod.com/free-coming-soon-page/
|
||||
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License
|
||||
http://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||
|
||||
To get started follow this checklist.
|
||||
|
||||
1. Replace the *Page Title* on lines 23, 31 & 296
|
||||
2. Set the *Page Description* on lines 26, 32 & 298
|
||||
3. Set an optional *Logo* on lines 294 using the src attribute.
|
||||
4. Set your *Facebook Profile* URL on line 312 using the href attribute.
|
||||
5. Set your *Twitter Profile* URL on line 313 using the href attribute.
|
||||
6. Set your *Email* on line 314 using the href attribute.
|
||||
7. Set your background image on line 63, see file README.mb for additional background images.
|
||||
8. Set your MailChimp email post URL on line 300 See video: https://youtu.be/YUdP1qfMot8
|
||||
9. FTP to your Website.
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Coming Soon</title>
|
||||
|
||||
<meta name="generator" content="comingsoonpage.com 1.0.0" />
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
<meta property="og:url" content="" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="My Coming Soon Page" />
|
||||
<meta property="og:description" content="" />
|
||||
|
||||
<!-- Font Awesome CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
|
||||
<!-- Bootstrap and default Style -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
|
||||
<link rel="stylesheet" href="https://static.comingsoonpage.com/cspio-assets/1.0.0/style.css">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link class="gf-headline" href='https://fonts.googleapis.com/css?family=Pacifico:400&subset=' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- Animate CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css">
|
||||
|
||||
<!-- Calculated Styles -->
|
||||
<style type="text/css">
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
height:100%;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
html{
|
||||
height:100%;
|
||||
background: #ffffff url(https://images.unsplash.com/photo-1449168013943-3a15804bb41c?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&w=1080&fit=max&s=1958d4bfb59a246c6092ff0daabd284b); no-repeat center bottom fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#cspio-page{
|
||||
background-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.flexbox #cspio-page{
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.cspio body{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.cspio body, .cspio body p{
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
font-size: 20px;
|
||||
line-height: 1.50em;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
}
|
||||
|
||||
.cspio h1, .cspio h2, .cspio h3, .cspio h4, .cspio h5, .cspio h6{
|
||||
font-family: 'Pacifico';
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
#cspio-headline{
|
||||
font-family: 'Pacifico';
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
font-size: 48px;
|
||||
color:#ffffff;
|
||||
line-height: 1.00em;
|
||||
}
|
||||
|
||||
.cspio button{
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: ;
|
||||
}
|
||||
|
||||
.cspio a, .cspio a:visited, .cspio a:hover, .cspio a:active{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#cspio-socialprofiles a {
|
||||
color: #ffffff;
|
||||
}
|
||||
.cspio .btn-primary,
|
||||
.cspio .btn-primary:focus,
|
||||
.gform_button,
|
||||
#mc-embedded-subscribe, .submit-button {
|
||||
color: black;
|
||||
text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
|
||||
background-color: #ffffff;
|
||||
background-image: -moz-linear-gradient(top,#ffffff,#d9d9d9);
|
||||
background-image: -ms-linear-gradient(top,#ffffff,#d9d9d9);
|
||||
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#d9d9d9));
|
||||
background-image: -webkit-linear-gradient(top,#ffffff,#d9d9d9);
|
||||
background-image: -o-linear-gradient(top,#ffffff,#d9d9d9);
|
||||
background-image: linear-gradient(top,#ffffff,#d9d9d9);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0);
|
||||
border-color: #d9d9d9 #d9d9d9 #b3b3b3;
|
||||
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
|
||||
*background-color: #d9d9d9;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
}
|
||||
|
||||
.cspio .btn-primary:hover,
|
||||
.cspio .btn-primary:active,
|
||||
.cspio .btn-primary.active,
|
||||
.cspio .btn-primary.disabled,
|
||||
.cspio .btn-primary[disabled],
|
||||
.cspio .btn-primary:focus:hover,
|
||||
.cspio .btn-primary:focus:active,
|
||||
.cspio .btn-primary:focus.active,
|
||||
.cspio .btn-primary:focus.disabled,
|
||||
.cspio .btn-primary:focus[disabled],
|
||||
#mc-embedded-subscribe:hover,
|
||||
#mc-embedded-subscribe:active,
|
||||
#mc-embedded-subscribe.active,
|
||||
#mc-embedded-subscribe.disabled,
|
||||
#mc-embedded-subscribe[disabled] {
|
||||
background-color: #d9d9d9;
|
||||
*background-color: #cccccc;
|
||||
}
|
||||
|
||||
.cspio .btn-primary:active,
|
||||
.cspio .btn-primary.active,
|
||||
.cspio .btn-primary:focus:active,
|
||||
.cspio .btn-primary:focus.active,
|
||||
.gform_button:active,
|
||||
.gform_button.active,
|
||||
#mc-embedded-subscribe:active,
|
||||
#mc-embedded-subscribe.active {
|
||||
background-color: #bfbfbf;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.progress {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
#cspio-progressbar span,
|
||||
.countdown_section {
|
||||
color: black;
|
||||
text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
.cspio .btn-primary:hover,
|
||||
.cspio .btn-primary:active {
|
||||
color: black;
|
||||
text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
|
||||
border-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.cspio input[type='text']:focus {
|
||||
webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(217,217,217,0.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(217,217,217,0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(217,217,217,0.6);
|
||||
}
|
||||
|
||||
#cspio-content {
|
||||
display: none;
|
||||
max-width: 600px;
|
||||
background-color: #000000;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
.cspio .progress-bar,
|
||||
.countdown_section,
|
||||
.cspio .btn-primary,
|
||||
.cspio .btn-primary:focus,
|
||||
.gform_button {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.cspio input,
|
||||
.cspio input:focus {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#cspio-page{
|
||||
background: -moz-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.2) 37%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%);
|
||||
background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.2) 37%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%);
|
||||
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.2) 37%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%);
|
||||
}
|
||||
|
||||
.cspio body{
|
||||
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 7%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.23) 100%);
|
||||
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 7%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.23) 100%);
|
||||
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 7%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.23) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3b000000',GradientType=1 );
|
||||
}
|
||||
|
||||
#cspio-subscribe-btn{
|
||||
background:transparent;
|
||||
border: 1px solid #fff !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cspio-subscribe-btn:hover{
|
||||
background: rgba(255,255,255,0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cspio-credit img{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:125px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
#cspio-credit {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
|
||||
<!-- Modernizr -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
|
||||
|
||||
<!-- Google Analytics Code Goes Here-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="cspio-page">
|
||||
<div id="cspio-content">
|
||||
|
||||
<img id="cspio-logo" src="image/logowhite.png" style="width:300px;height:300px;">
|
||||
|
||||
<h1 id="cspio-headline">How Fake Is This - Coming Soon</h1>
|
||||
|
||||
<div id="cspio-description">Get ready! Something really cool is coming!</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
// Animate Delay
|
||||
setTimeout(function(){ jQuery("#cspio-content").show().addClass('animated fadeIn'); }, 250);
|
||||
|
||||
// Reseize
|
||||
function resize(){
|
||||
$('head').append("<style id='form-style' type='text/css'></style>");
|
||||
$('#form-style').html('.cspio .input-group-btn, .cspio .input-group{display:block;width:100%;}.cspio #cspio-subscribe-btn{margin-left:0;width:100%;display:block;}.cspio .input-group .form-control:first-child, .cspio .input-group-addon:first-child, .cspio .input-group-btn:first-child>.btn, .cspio .input-group-btn:first-child>.dropdown-toggle, .cspio .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 4px;border-top-right-radius: 4px;}.cspio .input-group .form-control:last-child, .cspio .input-group-addon:last-child, .cspio .input-group-btn:last-child>.btn, .cspio .input-group-btn:last-child>.dropdown-toggle, .cspio .input-group-btn:first-child>.btn:not(:first-child) {border-bottom-left-radius: 4px;border-top-left-radius: 4px;}');
|
||||
}
|
||||
|
||||
$('#cspio-content').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',
|
||||
function(){
|
||||
var width = $('#cspio-field-wrapper').width();
|
||||
if(width < 480 && width != 0){
|
||||
resize();
|
||||
}
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!-- This page was generated by ComingSoonPage.com | Learn more: http://www.comingsoonpage.com -->
|
||||
Reference in New Issue
Block a user