forked from GithubMirrors/cardconjurer
75 lines
3.1 KiB
HTML
75 lines
3.1 KiB
HTML
<!DOCTYPE html5>
|
|
<html>
|
|
<head>
|
|
<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">
|
|
</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 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 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>
|