-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (228 loc) · 11.8 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
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tzippori Press</title>
<link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
<link rel="manifest" href="static/favicon/manifest.json">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;600;700&display=swap"
rel="stylesheet" media="print" onload="this.media='all'">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/styles.css">
<link rel="stylesheet" href="static/css/navbar.css">
<link rel="stylesheet" href="static/css/icon.css">
</head>
<body>
<nav class="nav-bar">
<div class="logox">
<a href="#" class="">
<img src="static/images/logo.webp" alt="" width="158" height="56" loading="lazy">
</a>
</div>
<input type="checkbox" id="check">
<label for="check" id="nav-icon" class="checkbtn">
<span></span>
<span></span>
<span></span>
<span></span>
</label>
<div class="nav-items">
<div class="container-fluid d-inline-flex flex-column gap-5 justify-content-center align-self-center">
<a href="#services" class="nav-link">Our services</a>
<a href="#testimonials" class="nav-link">Testimonials</a>
<a href="#about" class="nav-link">About</a>
<a href="#our-team" class="nav-link">Our Team</a>
<a href="#contact" class="nav-link">Contact</a>
</div>
</div>
</nav>
<div class="layout">
<section id="home">
<div class="home">
<img src="static/images/background_header.png" alt="background" width="637" height="531">
<div class="introduction">
<h1><span class="d-block d-lg-inline">Self</span> Publishing <span class="d-block">Redefined.</span>
</h1>
<div class="ps-0 pt-4 pt-lg-5">
<button class="btn publish-button" href="#contact" type="button" title="Publish Your Sefer">
Publish Your Sefer
</button>
</div>
</div>
</div>
</section>
<section id="services">
<div class="header service-header text-center">
<h2>Professional Grade Publishing, <br>for a Fraction of <span
class="d-block d-lg-inline">the Cost.</span></h2>
</div>
<div class="container">
<div class="service-items row row-cols-lg-4 justify-content-center">
<div class="item-1">
<div class="service-header d-flex flex-row gap-4 justify-content-center justify-content-lg-start pb-4">
<img class="service-icon" src="static/images/icon_1.svg" alt="image">
<h4 class="align-self-center">Manuscript<br>Editing</h4>
</div>
<p class="service-desc text-center text-lg-start m-auto m-lg-0">
Our team of professional editors will work with you to ensure
<span>high quality</span> and <span>readability</span> for your masterpiece.
</p>
</div>
<div class="item-2">
<div class="service-header d-flex flex-row gap-4 justify-content-center justify-content-lg-start pb-4">
<img class="service-icon" src="static/images/icon_2.svg" alt="image">
<h4 class="align-self-center">Professional<br>Proofreads</h4>
</div>
<p class="service-desc text-center text-lg-start m-auto m-lg-0">
Feel secure knowing your sefer has been <span>thoroughly reviewed</span> before it
hits the shelves.</p>
</div>
<div class="item-3">
<div class="service-header d-flex flex-row gap-4 justify-content-center justify-content-lg-start pb-4">
<img class="service-icon" src="static/images/icon_3.svg" alt="image">
<h4 class="align-self-center text-nowrap">Typeset and <br>Cover Design</h4>
</div>
<p class="service-desc text-center text-lg-start m-auto m-lg-0">
Your sefer will have an attractive typeset and interior layout, creating <span>
shelf appeal</span> and <span>accessibility</span> to readers</p>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container-fluid about-statements text-lg-start text-center">
<div class="row statement statement-1">
<div class="col-lg">
<img src="static/images/image_1.webp" alt="" width="672" height="664">
</div>
<div class="col-lg">
<h2 class="text-nowrap">What is <span class="d-block d-lg-inline">Tzippori Press?</span></h2>
<p class="m-auto m-lg-0">Tzippori press is named for the legendary town of Tzippori, the birthplace
of the
Mishnah. Here at Tzippori, we believe that YOUR voice
deserves to be heard. If you have quality ideas, we want
the world to know.</p>
</div>
</div>
<div class="row statement statement-2">
<div class="col-lg order-lg-1">
<img src="static/images/image_2.webp" alt="" width="677" height="497">
</div>
<div class="col-lg order-lg-0">
<h2>The Problem</h2>
<p class="m-auto m-lg-0">Traditional Jewish publishing can cost upwards of $25,000 for one book.
Oftentimes, this price reflects the brand name of the company and not the quality or amount of
work invested into the sefer. On the other hand, many 'do it yourself' websites leave room for
all sorts of silly and unnecessary errors.</p>
</div>
</div>
<div class="row statement">
<div class="col-lg p-0">
<img src="static/images/image_3.webp" alt="" width="665" height="504">
</div>
<div class="col-lg">
<h2>Our Mission</h2>
<p class="m-auto m-lg-0">We view ourselves as a happy middle ground. High quality, professional
feel,
while allowing you the freedom of a full self-publish.
</p>
<br>
<p class="m-auto m-lg-0">
Our mission at Tzippori is to make quality publishing available to everyone (for
a fraction
of the price!) With direct experience in mainstream publishing houses of the
Jewish world, Tzippori
press brings you the highest caliber quality along with peace of mind knowing
you're in good hands. Now that's self-publishing, re-imagined!
</p>
</div>
</div>
</div>
</section>
<section id="testimonials">
<div class="testimonial-wrapper">
<div class="testimonials-header text-center">
<h2>What Are They <span class="d-block d-lg-inline">Saying?</span></h2>
</div>
<div id="carouselTestimonials" class="carousel slide carousel-fade" data-bs-interval="0" data-bs-touch="false">
<div class="carousel-inner"></div>
<div class="carousel-indicators"></div>
<div class="carousel-author-info"></div>
</div>
</div>
</section>
<section id="our-team">
<div class="wrapper">
<div class="team-header header">
<h2>Meet Our team</h2>
</div>
<div class="team text-center text-lg-start">
<div class="david">
<div class=" row justify-content-center align-items-center">
<div class="team-img col-lg">
<img class="david-img" src="static/images/david.webp" alt="image" width="300" height="300" loading="lazy">
</div>
<div class="col-lg-8">
<div class="pb-5">
<h3 class="team-name mb-0">Rabbi Shlomo David</h3>
<sub>Co-Founder of Tzippori Press</sub>
</div>
<p class="mb-0">A published and noted author in his own right, Rabbi Shlomo David
Co-Founded Tzippori
Press to bring unprecedented opportunities to the thinkers and
storytellers of Klal Yisrael. With extensive logistical knowledge of the publishing
process, Rabbi David
brings his warmth, finesse and years of experience to the future authors
of the Jewish people.
</p>
</div>
</div>
</div>
<div class="brooks">
<div class="row justify-content-center align-items-center">
<div class="team-img col-lg">
<img class="brooks-img" src="static/images/brooks.webp" alt="image" width="300"
height="300" loading="lazy">
</div>
<div class="col-lg-8">
<div class="pb-5">
<h3 class="team-name mb-0">Asher Brooks</h3>
<sub>Co-Founder of Tzippori Press</sub>
</div>
<p class="p-0">Co-Founder of Tzippori Press, Asher Brooks is a highly skilled typesetter and
graphic designer with a passion for creating visually stunning layouts. His
experience in the field has given him a keen eye for detail and an artistic
style that produces beautiful book and covers.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
crossorigin="anonymous"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="static/js/index.js"></script>
</body>
<footer id="contact">
<div class="d-flex flex-column text-center wrapper h-100">
<div class="d-flex flex-column flex-grow-1 justify-content-center">
<h3>Have a Project? Then,</h3>
<h1>Let's Talk</h1>
<h3>or send an email to <a href="mailto:hello@tzipporipress.com"><b>hello@tzipporipress.com</b></a>
</h3>
</div>
<div>
<h5>ⓒ 2023 Tzippori Press. All rights reserved. Made by Chaim Malek, Designed by Theorist Agency</h5>
</div>
</div>
</footer>
</html>