as received from web
This commit is contained in:
82
index.html
Normal file
82
index.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||||
|
||||
<!-- Favicons and other styls -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
|
||||
<link rel="manifest" href="assets/favicons/site.webmanifest">
|
||||
<link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#6e9fa9">
|
||||
<link rel="shortcut icon" href="assets/favicons/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#fdfdfd">
|
||||
<meta name="msapplication-config" content="assets/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#fdfdfd">
|
||||
|
||||
<script src="https://gumroad.com/js/gumroad.js"></script>
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="assets/css/main.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Site Title -->
|
||||
<title>Wedding Template</title>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<section class="intro">
|
||||
<div class="intro-letters">
|
||||
<img class="intro-letter" loading="lazy" src="assets/images/letters/A.png">
|
||||
<img class="intro-letter" loading="lazy" src="assets/images/letters/F.png">
|
||||
</figure>
|
||||
</section>
|
||||
<main>
|
||||
<div class="text">
|
||||
<p data-size="large" data-font="serif">You're getting married!</p>
|
||||
<p data-size="small">First of all, congratulations! It's always nice to learn that couples are moving forwards in their lives together.</p>
|
||||
<p data-size="small">Second, thank you for considering using a website to let people know about your wedding. A simple website is an enviromentally friendly way to promote your wedding.</p>
|
||||
<p data-size="small">Our goal with this template was to design a site that was elegant and quick to browse and didn't make heavy use of pictures.</p>
|
||||
<p data-size="small"><a data-style="cta" href="https://gum.co/621-wedding" target="_blank" data-gumroad-single-product="true">Buy the template</a></p>
|
||||
</div>
|
||||
<div class="divider" data-style="4a" data-size="small"></div>
|
||||
<div class="text">
|
||||
<p data-size="large">September 2nd, 2019</p>
|
||||
</div>
|
||||
<div class="divider" data-style="4b" data-size="small"></div>
|
||||
<div class="text">
|
||||
<p data-size="large">The template</p>
|
||||
<p data-size="small">This is a static HTML template. Doesn't use a backend and doesn't use JS. It's just HTML and CSS and you can easily customize it by hand. Just to make it extra clear: this is <strong>NOT</strong> a WordPress theme.</p>
|
||||
<p data-size="small">We tried our best to make it as easier as possible for you to customize it but we're happy to assist you via email if you need help.</p>
|
||||
<p data-size="small">The template includes:</p>
|
||||
<ul>
|
||||
<li>18 Illustrations</li>
|
||||
<li>Illustrated Initials</li>
|
||||
<li>Two Typefaces</li>
|
||||
<li>Call To Action Button</li>
|
||||
<li>Basic Text styling</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="divider" data-style="1" data-size="small"></div>
|
||||
<figure class="album">
|
||||
<img class="photo" src="assets/images/wedding.jpg">
|
||||
<figcaption class="caption">Image by <a href="https://unsplash.com/@jeremywongweddings" target="_blank">@jeremywongweddings</a></figcaption>
|
||||
</figure>
|
||||
<div class="divider" data-style="2" data-size="small"></div>
|
||||
<div class="text">
|
||||
<p data-size="large">Documentation and Instructions</p>
|
||||
<p data-size="small">Since we all know that documentation sucks, we included instructions on how to edit the template directly into the code.</p>
|
||||
<p data-size="small">You'll find detailed instructions on how to change every component of the template. And if something is not clear or you're after something custom get in touch via email and I'm sure we'll find a solution.</p>
|
||||
<p data-size="small"><a data-style="cta" href="https://gum.co/621-wedding" target="_blank" data-gumroad-single-product="true">Buy the template</a></p>
|
||||
</div>
|
||||
<footer class="initials">
|
||||
<img class="initial" src="assets/images/letters/F.png">
|
||||
<img class="initial" src="assets/images/letters/A.png">
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user