-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
260 lines (201 loc) · 15.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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Witch Production</title>
<meta name="description" content="We are Witch Production, Film & TV Project production company in Georgia, Which Provides a whole service of pre-production, production and post production.">
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
<!-- Styles -->
<link rel="stylesheet" href="/app.css">
<!-- Scripts -->
<script src="//unpkg.com/alpinejs" defer></script>
</head>
<body class="font-sans antialiased bg-coolgray-900">
<a name="home"></a>
<div class="container mx-auto mb-8">
<header class="text-center mt-16">
<div class="text-5xl text-white uppercase font-bold mb-8">
Witch <span class="text-orange-500">Production</span>
</div>
<div class="w-3/4 mx-auto">
<nav class="flex flex-col lg:flex-row justify-center justify-between">
<a class="block text-lg uppercase text-white hover:text-orange-500" href="#home">Home</a>
<a class="block text-lg uppercase text-white hover:text-orange-500" href="#tv-projects">TV Projects</a>
<a class="block text-lg uppercase text-white hover:text-orange-500" href="#film-projects">Film Projects</a>
<a class="block text-lg uppercase text-white hover:text-orange-500" href="#documentary">Documentary</a>
<a class="block text-lg uppercase text-white hover:text-orange-500" href="#contact-us">Contact Us</a>
</nav>
</div>
</header>
</div>
<div class="w-full border-orange-500 border-t-2 border-b-2 mb-20">
<img class="object-cover w-full" src="/img/film_studio-min.png">
</div>
<main>
<div class="container mx-auto text-white w-3/4 mx-auto lg:w-1/2 mb-20">
<h2 class="mb-12 text-center text-3xl font-bold uppercase">Who are we</h2>
<p class="mb-20">We are Witch Production, Film & TV Project production company in Georgia, Which Provides a whole service of pre-production, production and post production.</p>
<h2 class="mb-12 text-center text-3xl font-bold uppercase">What We Do</h2>
<p>We work with Film & TV Productions from all over the world. We are providing each and every client with premium quality services, from concept to delivery, for projects of any style in Georgia: Feature & Documentary films, TV Shows, Ads, Music Videos, Photo Shoot etc... Preproduction Service: Location Scouting, Travel and Itinerary, Permits, Fees, Insurance, Talent and Crew Booking, Budgeting Project Planning, Consulting, Script Research and Development, Storyboarding Production Service: Field and Studio Producing, Directing. Cinematography. Sound Production. Lighting Design. Camera Crews. Audio and Video Equipment. Set Design and Construction. Props. Costumes, Makeup and Hair.</p>
</div>
<a name="tv-projects"></a>
<div class="text-white bg-orange-900 py-20">
<h2 class="mb-12 text-center text-3xl font-bold uppercase">TV Projects</h2>
<div class="container mx-auto flex flex-col lg:flex-row justify-between w-full" style="align-items: center;">
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/card-template-image.png">
<h3 class="font-bold mb-2">Holland's Next Top Model</h3>
<p class="h-32 text-left overflow-hidden">Dutch TV reality show. 3 episodes filmed in Georgia.</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/hntm.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/mol.jpg">
<h3 class="font-bold mb-2">Wie Is De Mol</h3>
<p class="h-32 text-left overflow-hidden">Wie is de Mol? is a Dutch reality television game show.</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/mol.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/buch.jpg">
<h3 class="font-bold mb-2">Buch in de bijzondere bajes</h3>
<p class="h-32 text-left overflow-hidden">Dutch TV show "Buch in the special prison/ Buch in de bijzondere bajes</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/buch.html">Learn More</a>
</div>
</div>
<div class="container mx-auto flex flex-col lg:flex-row justify-between w-full" style="align-items: center;">
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/3op.jpg">
<h3 class="font-bold mb-2">3op Reis</h3>
<p class="h-32 text-left overflow-hidden">"3op Reis" Dutch Travel Show Filmed in Georgia.</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/3op.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/epic.jpg">
<h3 class="font-bold mb-2">Epic exploring</h3>
<p class="h-32 text-left overflow-hidden">"Epic exploring" travel show filmed in Georgia</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/epic.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/ellie.png">
<h3 class="font-bold mb-2">Ellie op Patrouille (Georgia)</h3>
<p class="h-32 text-left overflow-hidden">“Ellie on Patrol” Dutch TV documentary series.</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/ellie.html">Learn More</a>
</div>
</div>
<div class="container mx-auto text-center" x-data="{open: false}">
<div x-show="open">
<div class="container mx-auto flex flex-col lg:flex-row justify-between w-full" style="align-items: center;">
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/elliearmeniamain.jpg">
<h3 class="font-bold mb-2">Ellie Op Patrouille (Armenia)</h3>
<p class="h-32 text-left overflow-hidden">“Ellie on Patrol” Dutch TV documentary series.</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/elliearmenia.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/urbantskmain.png">
<h3 class="font-bold mb-2">Urban Exploring</h3>
<p class="h-32 text-left overflow-hidden">"Urban Exploring" travel show filmed in Georgia</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/urban.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/film_studio-min.png">
<h3 class="font-bold mb-2">.</h3>
<p class="h-32 text-left overflow-hidden"></p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="#">Learn More</a>
</div>
</div>
</div>
<button x-show="!open" class="bg-orange-500 hover:bg-orange-400 py-3 px-36 rounded font-bold" type="button" @click="open = true">Load More</button>
</div>
</div>
<a name="film-projects"></a>
<div class="text-white py-20">
<h2 class="mb-12 text-center text-3xl font-bold uppercase">Film Projects</h2>
<div class="container mx-auto flex flex-col lg:flex-row justify-between w-full" style="align-items: center;">
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/twopsycho.png">
<h3 class="font-bold mb-2">Two Psychos</h3>
<p class="h-32 text-left overflow-hidden">“Two Psychos” Short film.</p>
<a class="inline-block bg-orange-500 py-2 px-16 rounded mb-2" href="/learnmore/TV/twopsycho.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/holymain.png">
<h3 class="font-bold mb-2">Holy Offering</h3>
<p class="h-32 text-left overflow-hidden">Georgian short feature film</p>
<a class="inline-block bg-orange-500 py-2 px-16 rounded mb-2" href="/learnmore/TV/holy.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/film_studio-min.png">
<h3 class="font-bold mb-2">.</h3>
<p class="h-32 text-left overflow-hidden"></p>
<a class="inline-block bg-orange-500 py-2 px-16 rounded mb-2" href="#">Learn More</a>
</div>
</div>
</div>
<a name="documentary"></a>
<div class="text-white bg-orange-900 py-20">
<h2 class="mb-12 text-center text-3xl font-bold uppercase">Documentary</h2>
<div class="container mx-auto flex flex-col lg:flex-row justify-between w-full" style="align-items: center;">
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/legendmain.jpg">
<h3 class="font-bold mb-2">Birth of a Legend</h3>
<p class="h-32 text-left overflow-hidden">Documentary film about Georgian Opera and Ballet state theatre.</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/Documentary/birthofalegend.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/govertmain.jpg">
<h3 class="font-bold mb-2">Govert to the origin of men</h3>
<p class="h-32 text-left overflow-hidden">Dutch TV documentary series</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore/Documentary/govert.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/jesus3.png">
<h3 class="font-bold mb-2">Jesus Of Nazareth</h3>
<p class="h-32 text-left overflow-hidden">TV Documentary Series About Jesus of Nazareth</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore//Documentary/jesus.html">Learn More</a>
</div>
<div class="bg-coolgray-700 text-white m-8 text-center p-2 rounded w-1/3">
<img class="w-full h-48 mb-4 rounded object-cover" src="/img/soil.jpg">
<h3 class="font-bold mb-2">Blood Of Soil</h3>
<p class="h-32 text-left overflow-hidden">German Documentary Film About Wine</p>
<a class="inline-block bg-orange-500 hover:bg-orange-400 py-2 px-16 rounded mb-2" href="/learnmore//Documentary/soil.html">Learn More</a>
</div>
</div>
<a name="contact-us"></a>
<div class="bg-coolgray-800">
<div class="container mx-auto text-white py-20">
<h2 class="mb-12 text-center text-3xl font-bold uppercase">Contact Us</h2>
<div class="flex flex-row items-center justify-center mb-5">
<div class="mr-3"><img src="/img/phone.png"></div>
<div class="text-lg">+995 555 15 11 11</div>
</div>
<div class="flex flex-row items-center justify-center mb-5">
<div class="mr-3"><img src="/img/at.png"></div>
<div class="text-lg">
</div>
</div>
<div class="flex flex-row items-center justify-center mb-5">
<div class="mr-3"><img src="/img/map-marker.png"></div>
<div class="text-lg">Tbilisi, Georgia</div>
</div>
</div>
</div>
</main>
<footer class="text-center text-white py-5 border-t-orange-500 border-t-2">
Copyright © 2024 by Witch Production, LLC.
</footer>
</body>
</html>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3JWMNW74QS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3JWMNW74QS');
</script>
<script type="text/javascript" src="./main.70a66962.js"></script></body>
</html>