<!DOCTYPE html>
<html lang="id">
<head>
<style>
#navbar-iframe {
display: none !important;
}
</style>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>WhatsApp</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: #ffffff;
color: #444;
text-align: center;
}
.navbar {
display: flex;
justify-content: space-between;
padding: 15px 30px;
border-bottom: 1px solid #ddd;
align-items: center;
flex-wrap: wrap;
}
.navbar .logo {
color: #25D366;
font-weight: bold;
font-size: 24px;
display: flex;
align-items: center;
}
.navbar .menu {
display: flex;
gap: 15px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.navbar a {
text-decoration: none;
color: #000;
font-size: 14px;
}
.navbar .button {
padding: 8px 16px;
border-radius: 50px;
border: 1px solid #ccc;
background-color: white;
cursor: pointer;
font-size: 14px;
}
.navbar .download-btn {
background-color: #25D366;
color: white;
border: none;
}
.container {
margin-top: 60px;
padding: 0 20px;
}
.profile-img {
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
}
.title {
font-size: 24px;
margin-top: 20px;
}
.subtitle {
color: #666;
margin: 10px 0;
}
.join-btn {
background-color: #128C7E;
color: white;
border: none;
padding: 15px 30px;
border-radius: 30px;
font-size: 16px;
cursor: pointer;
margin-top: 30px;
}
.download-link {
margin-top: 40px;
color: #128C7E;
}
/* Responsive Styles */
@media (max-width: 768px) {
.navbar {
flex-direction: row;
justify-content: center;
}
.navbar .menu {
display: none;
}
.join-btn {
width: 90%;
max-width: 300px;
}
.title {
font-size: 20px;
}
.subtitle {
font-size: 14px;
}
}
</style>
<meta name='google-adsense-platform-account' content='ca-host-pub-6473213993806917'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<!-- --><style type="text/css">@import url(//www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>
</head>
<body><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar/5057325057339572457?origin\x3dhttps://ch4ttme.blogspot.com/',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
<div class="navbar">
<div class="logo">WhatsApp</div>
<div class="menu">
<button class="button">Masuk</button>
<button class="button download-btn">Unduh</button>
</div>
</div>
<div class="container">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIvFi8wZPc2G4Hrf3qVGzXaui-hFfkLjrqcv2xaywW2WM03Fnl5_cZ2ZFIZpbZ5FX-vUjTnTmUemnG3XjY8CX-JHacgfxOpqRvP-nRhtzY5wTkQP4aEqQFncCgT6fP3AEUU4YTr6whM7M9CR95Adao1o1My2Ub8mDvlhfDkggor1Dh8K56oFra0NDhROrA/s320/544832171_775293185312214_655016648300282725_n.jpg" alt="Jasmine" class="profile-img" />
<div class="title">Jasmine</div>
<div class="subtitle"></div>
<a href="https://web.facebook.com/mimincutegirl" target="_blank" style="text-decoration: none;">
<button class="join-btn">Lanjut ke Chat</button>
</a>
<div class="download-link">
Belum menggunakan WhatsApp? <a href="#" style="color:#128C7E;">Unduh</a>
</div>
</div>
</body>
</html>
0 Komentar untuk "Landing Page WhatsApp "