-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfaq.html
More file actions
264 lines (255 loc) · 12.4 KB
/
faq.html
File metadata and controls
264 lines (255 loc) · 12.4 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
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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-174551627-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-174551627-1');
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="I'm a photographer and enthusiast web developer from Poznań">
<title>FAQ - photography and web development</title>
<link href="dist/css/styles.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Muli:wght@200;300;600;700;800&display=swap&" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png" />
</head>
<body>
<div class="section">
<header>
<nav>
<div class="lang-switcher">
<button class="lang-switcher__btn--en" lang="en" hreflang="en">EN</button> /
<button class="lang-switcher__btn--pl" lang="pl" hreflang="pl">PL</button>
</div>
<div class="navigation-container">
<nav>
<button class="hamburger" aria-expanded="false">
<span class="sr-only">Open / close</span>
<span class="hamburger__box">
<span class="hamburger__inner"></span>
</span>
</button>
<div class="navigation">
<ul class="navigation__list">
<li class="navigation__item"><a class="highlight translate__faq" href="/">Home</a></li>
<li class="navigation__item"><a class="highlight translate__about" href="/#about">About</a></li>
<li class="navigation__item"><a class="highlight translate__gallery" href="/#gallery">Gallery</a></li>
<li class="navigation__item"><a class="highlight translate__contact" href="/#contact">Contact</a></li>
</ul>
</div>
</nav>
<aside class="social">
<ul class="social__list">
<li class="social__item">
<a href="https://github.com/Lynthius" target="_blank" class="social__link">github</a>
</li>
<li class="social__item">
<a href="https://www.instagram.com/tomasz_przyborowski/" target="_blank" class="social__link">instagram</a>
</li>
</ul>
</aside>
</div>
</nav>
<aside class="social">
<ul class="social__list">
<li class="social__item">
<a href="https://github.com/Lynthius" target="_blank" class="social__link">github</a>
</li>
<li class="social__item">
<a href="https://www.instagram.com/tomasz_przyborowski/" target="_blank"
class="social__link">instagram</a>
</li>
</ul>
</aside>
</header>
</div>
<section class="faq">
<h1 class="faq__heading header">FAQ</h1>
<div class="faq__photography">
<div class="accordion__faq">
<div class="accordion__item" id="question1">
<h3>
<button class="accordion__link" aria-controls="answer-1" aria-expanded="false">
<span class="translate__question1">What is product photography?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-1">
<p class="translate__answer1">
<strong>Product photography</strong> aims to present the products catalog in the most favorable light, and
<strong>light</strong> plays a huge role here. A well-chosen daylight or a well-chosen artificial light
equipment is already half the battle. Often with <strong>packshots</strong>, various backgrounds are used,
or so-called shadeless tents. Of course, you also have to take care of the post-processing of your photos
- this is where the second half, if not most of my work begins.
</p>
</div>
</div>
<div class="accordion__item" id="question2">
<h3>
<button class="accordion__link" aria-controls="answer-2" aria-expanded="false">
<span class="translate__question2">How do I start my product photography?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-2">
<p class="translate__answer2">
The simplest <strong>product photos</strong> can be taken at home using daylight. You can position the
object properly and the sunlight coming through the window will serve as a natural
<strong>blendę</strong>. It will also be necessary to use some smooth background - preferably white (e.g.
a sheet of paper) in front of which the photographed object will be placed. It will be perfectly suitable
for a private auction of an item or a photo for a blog.
</p>
</div>
</div>
<div class="accordion__item" id="question3">
<h3>
<button class="accordion__link" aria-controls="answer-3" aria-expanded="false">
<span class="translate__question3">How much does a product session cost?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-3">
<p class="translate__answer3">
The prices for <strong>product sessions</strong> fluctuate quite significantly depending on the quality of
a single processed photo and the amount of work that should be devoted to processing or preparing the
object for photos. In my case, the prices start from PLN 25 for the simplest photo. If you are interested
in photo session pricing, please contact me using <strong>the form in the footer</strong>.
</p>
</div>
</div>
<div class="accordion__item" id="question4">
<h3>
<button class="accordion__link" aria-controls="answer-4" aria-expanded="false">
<span class="translate__question4">I'm interested in a photo session, what should I do?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-4">
<p class="translate__answer4">
If you are interested in a <strong>product session</strong>, go to the contact section in the footer or
the menu in the upper right corner. Contact me and <strong>provide details about the session</strong> -
product description, number of photos needed, and information on whether the photos are to be taken in the
studio or at location, e.g. in a restaurant or store.
</p>
</div>
</div>
</div>
<div class="section-description-right">
<h2 class="translate__title_photography">photography</h2>
<p class="section-description-right_subtitle">section</p>
</div>
</div>
<hr>
<div class="faq__webdev">
<div class="accordion__faq">
<div class="accordion__item" id="question5">
<h3>
<button class="accordion__link" aria-controls="answer-5" aria-expanded="false">
<span class="translate__question5">Do you create websites?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-5">
<p class="translate__answer5">
Yes. Despite the fact that I’m still learning and developing my skills, I already have solid experience in
<strong>creating websites</strong>. I had the opportunity to work with <strong>WordPress</strong> (using
<strong>Bootstrap</strong> library), the <strong>Hexo</strong> framework for creating blogs, but also pure
<strong>HTML</strong>, <strong>CSS</strong>, and <strong>JavaScript</strong>. Currently I’m testing and
checking other technologies or libraries - mainly <strong>React</strong>.
</p>
</div>
</div>
<div class="accordion__item" id="question6">
<h3>
<button class="accordion__link" aria-controls="answer-6" aria-expanded="false">
<span class="translate__question6">Do you have a portfolio related to web development?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-6">
<p class="translate__answer6">
Almost all my projects can be found on <strong><a href="https://github.com/Lynthius" target="_blank">
<span class="highlight">github</span></a></strong> - not necessarily only those related to
<strong>creating websites</strong>. The page you are on at the moment was also written by me using basic
technologies and a few libraries.
</p>
</div>
</div>
<div class="accordion__item" id="question7">
<h3>
<button class="accordion__link" aria-controls="answer-7" aria-expanded="false">
<span class="translate__question7">How much does it cost to make a simple website?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-7">
<p class="translate__answer7">
<strong>The pricing of a website project</strong> is quite a complicated matter. The price may depend on
the complexity of the project, the number of subpages, logic, additional functions or the possibility of
adding content editing. <strong>The website valuation</strong> is individual and can be determined only
through the <strong>contact form</strong> and establishing details.
</p>
</div>
</div>
<div class="accordion__item" id="question8">
<h3>
<button class="accordion__link" aria-controls="answer-8" aria-expanded="false">
<span class="translate__question8">I want to commission a website, what should I do?</span>
<span class="add">+</span>
<span class="remove">-</span>
</button>
</h3>
<div class="answer" id="answer-8">
<p class="translate__answer8">
If you are interested in the <strong>website</strong> go to the contact section in the footer or the menu
in the upper right corner. Contact me and <strong>provide details about the project</strong> as far as
possible - information about the purpose for which the website will be dedicated, and whether it will be a
one-page website, multiple pages website, or maybe an online store or blog.
</p>
</div>
</div>
</div>
<div class="section-description-left">
<h2 class="translate__title_web-dev">web development</h2>
<p class="section-description-left_subtitle">section</p>
</div>
</div>
</section>
<footer>
<section class="collaborate">
<h3 class="collaborate__heading">let’s collaborate</h3>
<p class="collaborate__paragraph">If you are interested in hiring me, just download my cv below, check my
skills and then send me a message!</p>
<a href="dist/assets/pdf/Tomasz-Przyborowski-CV.pdf" class="collaborate__cv" target="_blank"
alt="curriculum-vitae">download cv</a>
</section>
<section>
<div class="social-footer">
<a href="https://github.com/Lynthius" target="_blank"><img src="dist/assets/images/GIT.svg" alt="github-icon"
class="social-footer__icon" /></a>
<a href="https://www.instagram.com/tomasz_przyborowski/" target="_blank"><img src="dist/assets/images/INSTA.svg"
alt="insta-icon" class="social-footer__icon" /></a>
</div>
<div class="copyright">
<p class="copyright__paragraph">Tomasz Przyborowski © 2020</p>
</div>
</section>
</footer>
<script src="dist/js/faq.js"></script>
<script async src="dist/js/i18next.js"></script>
<script async src="dist/js/faqTranslate.js"></script>
</body>
</html>