<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SevenlogyFit</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;
}
.tagline {
font-size: 15px;
color: #aaa;
line-height: 1.6;
margin-bottom: 35px;
}
.photo {
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}
.btn {
display: block;
margin: 15px auto;
padding: 14px;
max-width: 320px;
background: #ffffff;
color: #000;
text-decoration: none;
font-weight: bold;
border-radius: 8px;
}
.btn.secondary {
background: transparent;
color: #fff;
border: 1px solid #444;
}
footer {
margin-top: 50px;
font-size: 13px;
color: #666;
}
</style>
</head>
<body>
<div class="container">
<img class="logo" src="logo.png" alt="SevenlogyFit">
<p class="tagline">
Natural fitness model. Clean aesthetics, functional strength, and real commitment to men's health.
</p>
<img class="photo" src="photo1.jpg">
<img class="photo" src="photo2.jpg">
<a class="btn" href="mailto:SevenlogyFit@gmail.com">
Send me for collaboration
</a>
<a class="btn secondary" href="https://linktr.ee/SevenlogyFit" target="_blank">
All links
</a>
<footer>
© SevenlogyFit
</footer>
</div>
</body>
</html>