Showing source for: https://bernhaldeproductions.nl/
Duration: 0.549057s
Server: cloudflare
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>
UNTUNG88 Bernhalde : Productions Bringing Stories to Life Through Film
</title>
<meta content="bernhaldeproductions.nl merupakan sebuah website yang menyediakan layanan online produksi film dengan berbagai produk andalan sepeti visual storytelling, independent film & documentary film." name="description">
<link href="https://bernhaldeproductions.nl/img/icon.png" rel="icon" type="image/png">
<link href="https://stories-made.bernhaldeproductions.nl/" rel="amphtml">
<meta content="index, follow" name="robots">
<link href="https://bernhaldeproductions.nl/" rel="canonical">
<link href="https://stories-made.bernhaldeproductions.nl/" hreflang="id" rel="alternate">
<link href="https://stories-made.bernhaldeproductions.nl/" hreflang="en" rel="alternate">
<link href="https://stories-made.bernhaldeproductions.nl/" hreflang="x-default" rel="alternate">
<link href="https://stories-made.bernhaldeproductions.nl/" hreflang="id-ID" rel="alternate">
<link href="https://stories-made.bernhaldeproductions.nl/" hreflang="en-US" rel="alternate">
<link href="https://stories-made.bernhaldeproductions.nl/" hreflang="en-SG" rel="alternate">
<style>
* {
box-sizing : border-box;
margin : 0;
padding : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
background : #0b0b0b;
color : #ffffff;
line-height : 1.6;
}
a {
color : inherit;
text-decoration : none;
}
/* HEADER */
header {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 10;
padding : 25px 6%;
}
.nav {
max-width : 1200px;
margin : auto;
display : flex;
align-items : center;
justify-content : space-between;
}
.logo {
font-size : 22px;
font-weight : 700;
letter-spacing : 2px;
}
.menu {
display : flex;
gap : 30px;
list-style : none;
}
.menu a {
color : #fff;
font-size : 14px;
transition : .3s;
}
.menu a:hover {
color : #c9a96e;
}
/* HERO */
.hero {
min-height : 720px;
display : flex;
align-items : center;
position : relative;
overflow : hidden;
background : linear-gradient(
90deg,
rgba(0,0,0,.90),
rgba(0,0,0,.55),
rgba(0,0,0,.35)
),
url("images/hero.jpg") center/cover no-repeat;
}
.hero-content {
width : 1200px;
max-width : 88%;
margin : auto;
}
.hero small {
color : #c9a96e;
text-transform : uppercase;
letter-spacing : 4px;
font-size : 12px;
}
.hero h1 {
max-width : 760px;
font-size : clamp(45px, 7vw, 85px);
line-height : 1.02;
margin : 20px 0;
font-weight : 700;
}
.hero p {
max-width : 600px;
color : #d1d1d1;
font-size : 18px;
margin-bottom : 35px;
}
.button {
display : inline-block;
padding : 14px 28px;
border : 1px solid #c9a96e;
color : #fff;
transition : .3s;
}
.button:hover {
background : #c9a96e;
color : #111;
}
/* SECTION */
section {
padding : 100px 6%;
}
.container {
max-width : 1200px;
margin : auto;
}
.section-label {
color : #c9a96e;
text-transform : uppercase;
letter-spacing : 3px;
font-size : 12px;
margin-bottom : 15px;
}
.section-title {
font-size : 42px;
line-height : 1.2;
margin-bottom : 25px;
}
/* ABOUT */
.about {
display : grid;
grid-template-columns: 1fr 1fr;
gap : 70px;
align-items : center;
}
.about-image img {
width : 100%;
display : block;
}
.about-text p {
color : #aaa;
margin-bottom : 20px;
}
/* SERVICES */
.services {
background : #111;
}
.service-grid {
display : grid;
grid-template-columns: repeat(3, 1fr);
gap : 25px;
margin-top : 50px;
}
.service-card {
padding : 35px;
border : 1px solid #292929;
background : #151515;
}
.service-card h3 {
margin-bottom : 15px;
font-size : 22px;
}
.service-card p {
color : #999;
}
/* PROJECTS */
.projects {
display : grid;
grid-template-columns: repeat(3, 1fr);
gap : 20px;
margin-top : 45px;
}
.project {
position : relative;
overflow : hidden;
}
.project img {
width : 100%;
height : 320px;
object-fit : cover;
display : block;
transition : .5s;
}
.project:hover img {
transform : scale(1.05);
}
.project-info {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
padding : 25px;
background : linear-gradient(transparent, rgba(0,0,0,.9));
}
.project-info span {
color : #c9a96e;
font-size : 12px;
text-transform : uppercase;
}
/* CONTACT */
.contact {
text-align : center;
background : #151515;
}
.contact p {
max-width : 600px;
margin : 0 auto 30px;
color : #aaa;
}
/* FOOTER */
footer {
padding : 35px 6%;
background : #080808;
color : #777;
text-align : center;
font-size : 13px;
}
/* MOBILE */
@media (max-width: 768px) {
header {
padding : 20px;
}
.menu {
display : none;
}
.hero {
min-height : 650px;
}
.hero-content {
max-width : 90%;
}
.hero h1 {
font-size : 48px;
}
.hero p {
font-size : 16px;
}
.about {
grid-template-columns: 1fr;
gap : 40px;
}
.service-grid,
.projects {
grid-template-columns: 1fr;
}
section {
padding : 70px 6%;
}
.section-title {
font-size : 34px;
}
}
</style>
</head>
<body>
<header>
<nav class="nav">
<div class="logo">
BERNHALDE PRODUCTIONS
</div>
<ul class="menu">
<li>
<a href="https://bernhaldeproductions.nl/">
About
</a>
</li>
<li>
<a href="https://bernhaldeproductions.nl/">
Services
</a>
</li>
<li>
<a href="https://bernhaldeproductions.nl/">
Projects
</a>
</li>
<li>
<a href="https://bernhaldeproductions.nl/">
Contact
</a>
</li>
</ul>
</nav>
</header>
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<small>
Film · Video · Creative Media
</small>
<h1>
Stories Made
<br>
To Be Seen.
</h1>
<p>
Bernhalde Productions creates films, documentaries and
visual stories that connect people, places and ideas.
</p>
<a class="button" href="#projects">
Explore Our Work
</a>
</div>
</section>
<!-- ABOUT -->
<section id="about">
<div class="container about">
<div class="about-image">
<img alt="Bernhalde Productions" src="https://bernhaldeproductions.nl/img/df5caf81-0180-45c1-9508-6eee4315bfe8.png">
</div>
<div class="about-text">
<div class="section-label">
About Us
</div>
<h2 class="section-title">
Creative Production With A Human Perspective
</h2>
<p>
Bernhalde Productions is a creative production studio
focused on film, video and audiovisual storytelling.
</p>
<p>
From documentary projects to creative visual productions,
we believe every story deserves a thoughtful approach,
strong imagery and an authentic voice.
</p>
<a class="button" href="#contact">
Get In Touch
</a>
</div>
</div>
</section>
<!-- SERVICES -->
<section class="services" id="services">
<div class="container">
<div class="section-label">
What We Do
</div>
<h2 class="section-title">
Film & Visual Production
</h2>
<div class="service-grid">
<div class="service-card">
<h3>
Film Production
</h3>
<p>
Creative development and production for independent
films, short films and cinematic projects.
</p>
</div>
<div class="service-card">
<h3>
Documentary
</h3>
<p>
Authentic visual storytelling focused on people,
places, history and real-life experiences.
</p>
</div>
<div class="service-card">
<h3>
Video Production
</h3>
<p>
Professional video production for creative,
cultural and commercial projects.
</p>
</div>
</div>
</div>
</section>
<!-- PROJECTS -->
<section id="projects">
<div class="container">
<div class="section-label">
Selected Work
</div>
<h2 class="section-title">
Our Recent Projects
</h2>
<div class="projects">
<div class="project">
<img alt="Film Production" src="https://bernhaldeproductions.nl/img/product-1.png">
<div class="project-info">
<span>
Documentary
</span>
<h3>
Stories From The Land
</h3>
</div>
</div>
<div class="project">
<img alt="Creative Film" src="https://bernhaldeproductions.nl/img/product-2.png">
<div class="project-info">
<span>
Film
</span>
<h3>
Behind The Story
</h3>
</div>
</div>
<div class="project">
<img alt="Video Production" src="https://bernhaldeproductions.nl/img/product-3.png">
<div class="project-info">
<span>
Video
</span>
<h3>
Visual Journeys
</h3>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="contact" id="contact">
<div class="container">
<div class="section-label">
Contact
</div>
<h2 class="section-title">
Have A Story To Tell?
</h2>
<p>
Let's talk about your next film, documentary or creative
production project.
</p>
<a class="button" href="/cdn-cgi/l/email-protection#147d7a727b547671667a7c7578707164667b706177607d7b7a673a7a78">
Contact Bernhalde Productions
</a>
</div>
</section>
<footer>
© 2026 Bernhalde Productions. All rights reserved.
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://bernhaldeproductions.nl/ |
|
2026-10-20 10:53:53 |
| 2 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:53:53 |
| 3 |
https://www.itengine.se/sr |
|
2026-10-20 10:53:53 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:53:52 |
| 5 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:53:51 |
| 6 |
https://amused.at/ |
|
2026-10-20 10:53:51 |
| 7 |
https://www.streetpastors.org/ |
|
2026-10-20 10:53:50 |
| 8 |
https://biolinku.co/vqmmco |
|
2026-10-20 10:53:50 |
| 9 |
https://www.samas.ir/ |
|
2026-10-20 10:53:50 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:53:49 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:53:49 |
| 12 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:53:49 |
| 13 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-20 10:53:48 |
| 14 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 10:53:48 |
| 15 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:53:47 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:53:46 |
| 17 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 10:53:46 |
| 18 |
https://blog.ruisystem.net/ruis/vi… |
|
2026-10-20 10:53:45 |
| 19 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:53:44 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 10:53:43 |