-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (135 loc) · 6.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE HTML>
<!--
Multiverse by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Clean Cut Frames</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:description" content="Clean Cut Frames provides custom cut laser cut picture frames for gag gifts, home decoration, and general euphoria."/>
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html"><strong>Clean Cut Frames</strong> so clean. so cut.</a></h1>
<nav>
<ul>
<li><a href="#footer" class="icon fa-info-circle">About</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<article class="thumb">
<a href="images/fulls/01.jpg" class="image"><img src="images/thumbs/01.jpg" alt="" /></a>
<h2>In Case of Emergency Break Glass</h2>
<p>Hold something for a rainy day. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/02.jpg" class="image"><img src="images/thumbs/02.jpg" alt="" /></a>
<h2>In Case of Trump Election Break Glass</h2>
<p>Store your one way train ticket to Canada. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/03.jpg" class="image"><img src="images/thumbs/03.jpg" alt="" /></a>
<h2>In Case of Miracle Break Glass</h2>
<p>We'll leave this up to your imagination. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/04.jpg" class="image"><img src="images/thumbs/04.jpg" alt="" /></a>
<h2>In Case of Steam Sale Break Glass</h2>
<p>Be prepared for a steam sale, anytime. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/05.jpg" class="image"><img src="images/thumbs/05.jpg" alt="" /></a>
<h2>In Case of Trump Election Break Glass</h2>
<p>Store your one way train ticket to Canada. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/06.jpg" class="image"><img src="images/thumbs/06.jpg" alt="" /></a>
<h2>In Case of Emergency Break Glass</h2>
<p>Hold something for a rainy day. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/07.jpg" class="image"><img src="images/thumbs/07.jpg" alt="" /></a>
<h2>In Case of Steam Sale Break Glass</h2>
<p>Be prepared for a steam sale, anytime. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/08.jpg" class="image"><img src="images/thumbs/08.jpg" alt="" /></a>
<h2>In Case of Miracle Break Glass</h2>
<p>We'll leave this up to your imagination. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/09.jpg" class="image"><img src="images/thumbs/09.jpg" alt="" /></a>
<h2>In Case of Steam Sale Break Glass</h2>
<p>Be prepared for a steam sale, anytime. <a href="https://www.etsy.com/shop/CleanCutFrames">Purchase</a></p>
</article>
<article class="thumb">
<a href="images/fulls/10.jpg" class="image"><img src="images/thumbs/10.jpg" alt="" /></a>
<h2>Make your own!</h2>
<p>Just send us a message on Etsy and we'll make a custom frame for no additional cost. <a href="https://www.etsy.com/shop/CleanCutFrames">Send us a message</a></p>
</article>
</div>
<!-- Footer -->
<footer id="footer" class="panel">
<div class="inner split">
<div>
<section>
<h2>Clean Cut Frames</h2>
<p>Clean Cut Frames provides custom cut laser cut picture frames for gag gifts, home decoration, and general euphoria.</p>
</section>
<section>
<h2>Buy on ...</h2>
<ul class="icons">
<li><a href="https://www.etsy.com/shop/CleanCutFrames">Etsy</a></li>
<!--<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>-->
<!--<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>-->
</ul>
</section>
<p class="copyright">
© Clean Cut Frames. Design: <a href="http://html5up.net">HTML5 UP</a>.
</p>
</div>
<div>
<section>
<h2>Get in touch</h2>
<a href="https://www.etsy.com/shop/CleanCutFrames">Send us a message</a>
<!--<form method="post" action="#">-->
<!-- <div class="field half first">-->
<!-- <input type="text" name="name" id="name" placeholder="Name" />-->
<!-- </div>-->
<!-- <div class="field half">-->
<!-- <input type="text" name="email" id="email" placeholder="Email" />-->
<!-- </div>-->
<!-- <div class="field">-->
<!-- <textarea name="message" id="message" rows="4" placeholder="Message"></textarea>-->
<!-- </div>-->
<!-- <ul class="actions">-->
<!-- <li><input type="submit" value="Send" class="special" /></li>-->
<!-- <li><input type="reset" value="Reset" /></li>-->
<!-- </ul>-->
<!--</form>-->
</section>
</div>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>