GSE
tcp/443
Open service 2a00:1450:4001:80d::2013:443 ยท www.alkadro.com
2026-01-28 02:14
HTTP/1.1 200 OK
X-Robots-Tag: all,noodp
Content-Type: text/html; charset=UTF-8
Expires: Wed, 28 Jan 2026 02:14:57 GMT
Date: Wed, 28 Jan 2026 02:14:57 GMT
Cache-Control: private, max-age=0
Last-Modified: Thu, 18 Dec 2025 13:00:56 GMT
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
Server: GSE
Accept-Ranges: none
Vary: Accept-Encoding
Connection: close
Transfer-Encoding: chunked
Page title: Alkadro Platform
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='https://www.blogger.com/static/v1/widgets/335934321-css_bundle_v2.css' rel='stylesheet' type='text/css'/>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title>Alkadro Platform</title>
<!-- Icons -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css' rel='stylesheet'/>
<!-- Google Font (XML Safe) -->
<link href='https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap' rel='stylesheet'/>
<!-- ONE AND ONLY SKIN -->
<style id='page-skin-1' type='text/css'><!--
:root{
--bg:#ffffff;
--text:#111111;
--card:#f4f4f4;
--accent:#6366f1;
--grad:linear-gradient(135deg,#6366f1,#22d3ee);
}
body.dark{
--bg:#0f172a;
--text:#e5e7eb;
--card:#1e293b;
}
*{
box-sizing:border-box;
}
body{
margin:0;
font-family:Poppins,sans-serif;
background:var(--bg);
color:var(--text);
transition:0.3s;
}
/* Toggle */
.toggle{
position:fixed;
top:20px;
right:20px;
background:var(--card);
padding:10px 14px;
border-radius:50px;
cursor:pointer;
z-index:1000;
}
/* Hero */
.hero{
min-height:90vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:40px 20px;
}
.hero h1{
font-size:3rem;
font-weight:700;
background:var(--grad);
-webkit-background-clip:text;
color:transparent;
}
.hero p{
max-width:620px;
margin:20px auto;
opacity:0.85;
}
.btn{
display:inline-block;
margin-top:25px;
padding:14px 34px;
background:var(--grad);
color:#ffffff;
border-radius:50px;
text-decoration:none;
font-weight:600;
}
/* Sections */
section{
max-width:1100px;
margin:auto;
padding:70px 20px;
}
section h2{
text-align:center;
font-size:2.2rem;
margin-bottom:50px;
}
/* Cards */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
}
.card{
background:var(--card);
padding:30px;
border-radius:18px;
transition:0.3s;
}
.card:hover{
transform:translateY(-8px);
}
/* Skills */
.skill{
margin-bottom:20px;
}
.bar{
height:8px;
background:#cccccc;
border-radius:10px;
overflow:hidden;
}
.bar span{
display:block;
height:100%;
background:var(--grad);
}
/* Socials */
.socials{
text-align:center;
margin-top:30px;
}
.socials a{
font-size:1.7rem;
margin:0 12px;
color:var(--text);
}
footer{
text-align:center;
padding:40px;
opacity:0.6;
}
--></style>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<script type="text/javascript" language="javascript">
// Supply ads personalization default for EEA readers
// See https://www.blogger.com/go/adspersonalization
adsbygoogle = window.adsbygoogle || [];
if (typeof adsbygoogle.requestNonPersonalizedAds === 'undefined') {
adsbygoogle.requestNonPersonalizedAds = 1;
}
</script>
</head>
<body>
<div class='toggle' onclick='toggleDark()'>๐</div>
<!-- HERO -->
<div class='hero'>
<div>
<h1>Mohamad Alkadro</h1>
<p>
Blogger and creative developer crafting clean content,
beautiful interfaces, and meaningful digital experiences.
</p>
<a class='btn' href='#contact'>Hire Me</a>
<div class='socials'>
<a href='https://facebook.com/alkadro96/'><i class='fab fa-facebook'></i></a>
<a href='https://instagram.com/alkadro96/'><i class='fab fa-instagram'></i></a>
<a href='https://linkedin.com/in/alkadro96'><i class='fab fa-linkedin'></i></a>
</div>
</div>
</div>
<!-- REQUIRED BLOGGER SECTION -->
<div class='main no-items section' id='main'></div>
<!-- ABOUT -->
<section>
<h2>About Me</h2>
<div class='grid'>
<div class='card'>
I create blogs and websites that focus on clarity,
performance, and clean design.
</div>
<div class='card'>
My goal is to help brands and individuals build a
strong online presence.
</div>
</div>
</section>
<!-- SKILLS -->
<section>
<h2>Skills</h2>
<div class='card'>
<div class='skill'>HTML & CSS<div class