<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>7gutta</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="icon" href="logo.png">
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: #0f0f0f;
color: #fff;
text-align: center;
}
.container {
max-width: 600px;
margin: auto;
padding: 60px 20px;
}
.logo {
max-width: 140px;
margin-bottom: 25px;
}
h1 {
font-size: 36px;
margin-bottom: 15px;
}
.subtitle {
font-size: 18px;
color: #aaa;
margin-bottom: 35px;
}
.main-image {
width: 100%;
max-width: 300px;
border-radius: 10px;
margin-bottom: 30px;
}
.main-text {
font-size: 16px;
color: #ddd;
margin-bottom: 30px;
line-height: 1.6;
text-align: left;
white-space: pre-line;
}
.btn {
display: block;
margin: 15px auto;
padding: 14px;
max-width: 320px;
background: #ffffff;
color: #000;
text-decoration: none;
font-weight: bold;
border-radius: 8px;
}
.follow {
font-size: 14px;
color: #aaa;
margin-top: 15px;
}
footer {
margin-top: 50px;
font-size: 13px;
color: #666;
}
</style>
</head>
<body>
<div class="container">
<!-- Logo -->
<img class="logo" src="logo.png" alt="7gutta">
<!-- Title -->
<h1>7gutta</h1>
<!-- Subtitle -->
<p class="subtitle">Not just water. A carefully balanced secret.</p>
<!-- Main Image (same logo ) -->
<img class="main-image" src="logo.png" alt="7gutta">
<!-- Main text -->
<p class="main-text">
If you already choose bottled water,
you probably understand that water quality matters.
We won’t explain the problem.
You already feel it.
But have you ever asked where this water really comes from?
Or what balance your body actually needs?
At 7gutta, we don’t sell first.
We explain first.
A simple idea.
Carefully balanced.
⚠️ Balance matters.
One element alone is never the answer.
7gutta is not just water.
It’s a secret made simple.
</p>
<!-- Coming soon button -->
<a class="btn" href="#">Coming soon</a>
<!-- Follow the journey -->
<p class="follow">
Follow the journey: <br>
<a href="https://linktr.ee/7guttaofficial" target="_blank" style="color:#fff; text-decoration:underline;">
Instagram · TikTok · Facebook
</a>
</p>
<footer>
© 7gutta
</footer>
</div>
</body>
</html>