Files
cardconjurer/index.html
2020-07-06 10:35:53 -07:00

107 lines
4.5 KiB
HTML

<!DOCTYPE html5>
<html>
<head>
<script data-ad-client="ca-pub-8226515140557560" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async src="data/scripts/cookies.js"></script>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="data/site/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="data/site/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="data/site/favicons/favicon-16x16.png">
<link rel="manifest" href="data/site/favicons/site.webmanifest">
<script data-ad-client="ca-pub-8226515140557560" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<title>Card Conjurer</title>
<div class='title' style='font-size: 4rem;'>Card Conjurer</div>
<div class='layer darkLayer fadeIn'>
<div>
<div class='layerTitle'>Welcome to Card Conjurer</div>
<div class='fiveSampleCards'>
<div><img src='data/site/images/samples/sample1.png' alt='loading sample...' class='sample1' id='sample1'></div>
<div><img src='data/site/images/samples/sample2.png' alt='loading sample...' class='sample2' id='sample2'></div>
<div><img src='data/site/images/samples/sample3.png' alt='loading sample...' class='sample3' id='sample3'></div>
<div><img src='data/site/images/samples/sample4.png' alt='loading sample...' class='sample4' id='sample4'></div>
<div><img src='data/site/images/samples/sample5.png' alt='loading sample...' class='sample5' id='sample5'></div>
</div>
</div>
</div>
<div class='layer slideFromRight'>
<div class='cardLayerGrid'>
<img src='data/site/images/samples/sampleVariety.png' id='sampleVariety'>
<div>
<div class='layerTitle'>
Choose From A Variety Of Card Frames
</div>
<div class="justify">
Card Conjurer offers Expeditions, Inventions, Showcase Frames, and so much more. <a style='text-decoration: underline;' href='creator.html'>Take a look!</a>
</div>
</div>
</div>
</div>
<div class='layer darkLayer'>
<div class='ad'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- adHorizontalOne -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8226515140557560"
data-ad-slot="7142663356"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class='layer slideFromLeft'>
<div class='cardLayerGrid'>
<div>
<div class='layerTitle'>
Customize To Your Heart's Content
</div>
<div class="justify">
With Card Conjurer's level of customization, you'll have endless options when designing your dream cards. <a style='text-decoration: underline;' href='creator.html'>Try it out!</a>
</div>
</div>
<img src='data/site/images/samples/sampleCustomize.png' id='sampleCustomize'>
</div>
</div>
<div class='layer darkLayer'>
<div class='ad'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- adHorizontalOne -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8226515140557560"
data-ad-slot="4606153449"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class='layer slideFromRight'>
<div class='cardLayerGrid'>
<img src='data/site/images/samples/sampleBling.png' id='sampleBling'>
<div>
<div class='layerTitle'>
Bling Out Existing Favorites
</div>
<div class="justify">
Easily import vital information from existing cards, then redesign them. <a style='text-decoration: underline;' href='creator.html'>Get started!</a>
</div>
</div>
</div>
</div>
<script defer src="data/scripts/sortable.js"></script>
<script defer src="data/scripts/lazyLoadSamples.js"></script>
</body>
<footer id='footer'>
<script async src='data/scripts/footer.js'></script>
<script defer src="data/scripts/animations.js"></script>
</footer>
<html>