-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpassions.html
More file actions
173 lines (154 loc) · 6.22 KB
/
Copy pathpassions.html
File metadata and controls
173 lines (154 loc) · 6.22 KB
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE HTML>
<!--
Alpha by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Fransef - Passions</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="landing is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<!--
<h1><a href="index.html">Alpha</a> by HTML5 UP</h1>
-->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#" class="icon solid fa-angle-down">Explore</a>
<ul>
<li><a href="generic.html">About Fransef</a></li>
<li><a href="contact.html">Contact Us</a></li>
<!--<li><a href="elements.html">Elements</a></li>-->
<li>
<a href="index.html#gallery">Gallery</a>
<ul>
<li><a href="commissions.html">Commissioned Pieces</a></li>
<li><a href="passions.html">Passion Projects</a></li>
<!-- <li><a href="#">Option Three</a></li>
<li><a href="#">Option Four</a></li> -->
</ul>
</li>
</ul>
</li>
<!-- <li><a href="#" class="button">Sign Up</a></li> -->
</ul>
</nav>
</header>
<!-- Banner -->
<section id="bannerTwo">
<h2>Passion Projects</h2>
<p>Our visions</p>
<ul class="actions special">
<!-- <li><a href="contact.html" class="button primary">Commission</a></li> -->
<li><a href="contact.html" class="button">Inquire</a></li>
</ul>
</section>
<!-- Main -->
<section id="main" class="container">
<section class="box special">
<header class="major">
<h2>Our passions have evolved over the past 30 years
<br />
below you will see only a glimpse of our story</h2>
<p>Your ideas can come to fruition from your original thoughts<br />
to and through our soft, trustworthy, and soft hands.</p>
</header>
<span class="image featured"><img src="images/pic08.jpg" alt="" /></span>
</section>
<!-- <section class="box special features">
<div class="features-row">
<section>
<span class="icon solid major fa-bolt accent2"></span>
<h3>Our Mission</h3>
<p>At Fransef, we want to utilize our 30-years of combined experience to help craft meaningful pieces that every day households could enjoy.</p>
</section>
<section>
<span class="icon solid major fa-chart-area accent3"></span>
<h3>Our Medium</h3>
<p>We primarily use clay, organic-vegan-kosher water, and our hands. The fire comes last to bake the clay at temperatures hotter than the surface of the sun.</p>
</section>
</div>
<div class="features-row">
<section>
<span class="icon solid major fa-cloud accent4"></span>
<h3>Our Rates</h3>
<p>When you commission your piece, we want to give you as much value as possible; however, we do have an order minimum of $100 USD including shipping.</p>
</section>
<section>
<span class="icon solid major fa-lock accent5"></span>
<h3>Our Range</h3>
<p>We can make just about anything with the earth's clay. Pots, plates, bowls, tea sets, utinsels, sculptures, candle holders, picture frames and more.</p>
</section>
</div>
</section>
<div class="row" id="gallery">
<div class="col-6 col-12-narrower">
<section class="box special">
<span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
<h3>Commissioned Pieces</h3>
<p>Explore our past through the lens of these commissioned pieces. We love to share one vision at a time.</p>
<ul class="actions special">
<li><a href="#" class="button alt">Explore</a></li>
</ul>
</section>
</div>
<div class="col-6 col-12-narrower">
<section class="box special">
<span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
<h3>Passion Projects</h3>
<p>Come see the passion projects that we are working on currently and that we have made in the past.</p>
<ul class="actions special">
<li><a href="#" class="button alt">Go See</a></li>
</ul>
</section>
</div>
</div> -->
</section>
<!-- CTA -->
<!-- <section id="cta">
<h2>Sign up for our weekly newsletter</h2>
<p>We send out current openings and current projects on a monthly basis due to a high volume of requests.</p>
<form>
<div class="row gtr-50 gtr-uniform">
<div class="col-8 col-12-mobilep">
<input type="email" name="email" id="email" placeholder="Email Address" />
</div>
<div class="col-4 col-12-mobilep">
<input type="submit" value="Sign Up" class="fit" />
</div>
</div>
</form>
</section> -->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<!-- <li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands fa-google-plus"><span class="label">Google+</span></a></li> -->
</ul>
<ul class="copyright">
<li>© Fransef Ceramics. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>