-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (156 loc) · 6.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-webb-app-capable" content="yes">
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type ="text/javascript" src="./js/script.js"></script>
<title>Impersonator</title>
</head>
<body>
<!-- HEADER SHOWCASE -->
<header id="showcase" class="grid">
<div class="bg-image"></div>
<nav id="top">
<h1><a href="./index.html">impersonator</a></h1>
</nav>
</header>
<nav id="top" class="navbar">
<ul>
<li class="nav-item hidden"><a class="scroll" href="#top">Impersonator</a></li>
<li class="nav-item"><a class="scroll" href="#sectionA">Tjenester</a></li>
<li class="nav-item"><a class="scroll" href="#sectionB">Portfolio</a></li>
<li class="nav-item"><a class="scroll" href="#sectionC">Partnere</a></li>
<li class="nav-item"><a class="scroll" href="#sectionD">Kontakt</a></li>
</ul>
</nav>
<!-- MAIN AREA -->
<main>
<!-- INTRO -->
<section id="intro" class="grid">
<div class="content-top"></div>
<div class="content-wrap">
<h4>-"An impersonator is someone who imitates or copies
the behavior or actions of another."
</h4>
<div class="content-text">
<p class="intro-1">
<b>Impersonator Studios</b> er en liten aktør for deg
som leter etter skreddersydd voiceover.
Har du en klar idé om hvilken type voice,
eller har du kanskje sett for deg at en kjent
eller karakteristisk stemme vil passe godt til ditt prosjekt?
</p>
<p class="intro-2">
Er du ute etter en lydmann til opptak ute i feltet,
eller mangler du lydutstyr til ditt prosjekt?
Kanskje du har behov for redigering, klipping, ettereffekter, miksing, e.l.?
Ta <a href="#"><b>kontakt</b></a> i dag, så finner vi en løsning sammen!
</p>
</div>
</div>
</div>
</section>
<!-- SECTION A -->
<section id="sectionA" class="grid">
<ul>
<li class="card">
<img src="./images/imp_promo00007.jpeg" alt="">
<div class="card-content">
<h3 class="card-title">Lydmiks og klipping</h3>
<p>I form av klipping og miksing av låter, lydeffekter eller
omgivelseslyd til
teater, film og eventer.
Både for profesjonelle
og amatører i bransjen.
Jeg skreddersyr lyden etter ditt behov.
</p>
</div>
</li>
<li class="card">
<img src="./images/imp_promo00006.jpeg" alt="">
<div class="card-content">
<h3 class="card-title">Dubbing og voiceover</h3>
<p>Etter flere år med “plukking” av stemmer til parodier, kan jeg raskt
kopiere norske originalstemmer til ditt prosjekt.
Trenger du voiceover til eventer eller film?
Kan også gjøres på svensk eller engelsk.
</p>
</div>
</li>
<li class="card">
<img src="./images/imp_promo00011.jpeg" alt="">
<div class="card-content">
<h3 class="card-title">LET-opptak og utleie</h3>
<p>Med bred erfaring fra flere film og TV-produksjoner, dokumentarer,
reklamer og kortfilmer, kan du stole på at jeg alltid leverer
opptak av høy kvalitet. Mangler produksjonen din utstyr, kan jeg bistå med utleie.
</p>
</div>
</li>
</ul>
</section>
<!-- SECTION B -->
<section id="sectionB" class="grid">
<div class="content-wrap">
<h2 class="content-title">Portefolio</h2>
<div class="voice">
<h3 id="voice">Voice og dubbing</h3>
<audio class="player" controls>
<source src="https://www.coothead.co.uk/audio/You-Cant-Always-Get-What-You-Want.mp3" type="audio/mpeg">
</audio>
</div>
</div>
</section>
<section id="sectionC" class="grid">
<div class="content-wrap card">
<h2 class="content-title">Partnere</h2>
<p>
Et utvalg av mine samarbeidspartnere:
</p>
<figure class="samarbeid">
<img src="https://i.ibb.co/Mf6LMvr/1589014026016.jpg" alt="SB produksjoner">
</figure>
<figure class="samarbeid">
<img src="https://i.ibb.co/6HLGFBT/AE-logo.png" alt="Kompani AlterEgo">
</figure>
<figure class="samarbeid">
<img src="https://i.ibb.co/tzbN1Qf/DNT-640x360.jpg" alt="Det Norske Teatret">
</figure>
</div>
</section>
<section id="sectionD" class="grid">
<div class="content-wrap">
<h2 class="content-title">Kontakt</h2>
<div class="content-text">
<p class="intro-1">
Ta kontakt når som helst for en hyggelig
og uforpliktende prat om hvordan jeg,
med mine tjenester, på best mulig måte
kan oppfylle dine behov.
</p>
<br>
<p class="contact intro-2">
<br>
<br>
+47 980 19 016
<br>
<br>
</p>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer id="main-footer" class="grid">
<h6>Site created by <a href="https://github.com/pholdahl" target="_blank">pholdahl</a> © 2020</h6>
</footer>
</body>
</html>
<!--
Lydmiks og klipp</section>
<section>Dubbing og voiceover</section>
<section>Utleie og LET-opptak</section> -->