402 lines
30 KiB
PHP
402 lines
30 KiB
PHP
<?php
|
|
/**
|
|
* Front page - Sami Modern, Pure HTML/CSS, No Elementor
|
|
* Sami Ahmed Personal Website
|
|
*/
|
|
get_header();
|
|
?>
|
|
|
|
<!-- MEMORIAL BANNER: STATEMENT LEFT, PHOTO RIGHT, BLACK BG -->
|
|
<div class="memorial-banner">
|
|
<div class="memorial-inner">
|
|
<div class="memorial-text-group">
|
|
<span class="memorial-text">I love you, Mom. I will miss you forever.</span>
|
|
<span class="memorial-name">Margaret McCorkle</span>
|
|
<span class="memorial-dates">May 4, 1947 — August 29, 2021</span>
|
|
</div>
|
|
<div class="memorial-photo">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2021/09/mom-close-1.jpg"
|
|
alt="Margaret McCorkle" width="80" height="80">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SECTION 0: HERO -->
|
|
<section class="hero-section" id="hero">
|
|
<div class="hero-bg-animation"></div>
|
|
<div class="hero-content">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2022/09/Sami-Ahmed-WEBSITE-CARD-2.png"
|
|
alt="Sami Ahmed" class="hero-card-img">
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION 1: SOCIAL LINKS (REAL BRAND LOGOS) -->
|
|
<section class="social-section" id="socials">
|
|
<div class="container">
|
|
<h2 class="section-title light">I'm available at all these places. Hit me up.</h2>
|
|
<div class="social-grid">
|
|
|
|
<a href="https://t.me/SamiAhmed7777" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#0088cc"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>
|
|
<div class="social-info"><span class="social-name">Telegram</span><span class="social-handle">@SamiAhmed7777</span></div>
|
|
</a>
|
|
|
|
<a href="https://gab.com/SamiAhmed" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#fff"><path d="M10.203 20.083c3.137-.41 5.727-2.366 7.245-5.09.176-.316.345-.634.5-.953.39.197.773.4 1.146.608 1.196.668 2.1 1.624 2.437 2.818.07.245.11.497.12.752.008.21-.002.422-.03.633-.03.23-.09.456-.18.673-.096.231-.216.452-.354.66-.122.183-.26.356-.407.52-.136.152-.28.3-.427.44-.17.163-.345.324-.523.477-.2.173-.404.343-.612.505-.215.168-.434.332-.656.49-.192.137-.387.27-.582.4-.207.137-.417.27-.627.4-.196.12-.394.236-.592.35-.21.12-.42.24-.632.355-.206.11-.414.22-.622.324-.206.1-.415.2-.622.3-.22.1-.437.2-.656.29-.19.08-.382.16-.573.24-.22.09-.44.18-.66.26-.2.07-.4.15-.6.22-.2.07-.41.14-.61.21-.2.06-.41.13-.62.19-.19.06-.39.11-.58.16-.23.06-.46.13-.69.18-.17.05-.35.09-.52.13-.24.06-.48.11-.72.16-.15.03-.31.06-.46.09-.27.06-.54.11-.81.16-.12.02-.25.04-.37.06-.34.05-.68.1-1.02.14-.1.01-.21.02-.31.03-.34.04-.68.07-1.02.1-.12.01-.24.02-.37.03-.38.03-.76.05-1.14.07-.08 0-.16 0-.25.01-.55.02-1.1.03-1.65.03H.97c-.55 0-1.1-.01-1.65-.03-.08 0-.17 0-.25-.01-.38-.02-.76-.04-1.14-.07-.12-.01-.25-.02-.37-.03-.34-.03-.68-.06-1.02-.1-.1-.01-.21-.02-.31-.03-.34-.04-.68-.09-1.02-.14-.12-.02-.25-.04-.37-.06-.27-.05-.54-.1-.81-.16-.15-.03-.31-.06-.46-.09-.24-.05-.48-.1-.72-.16-.17-.04-.35-.08-.52-.13-.23-.05-.46-.12-.69-.18-.19-.05-.39-.1-.58-.16-.21-.06-.42-.13-.62-.19-.2-.07-.41-.14-.61-.21-.2-.07-.4-.15-.6-.22-.22-.08-.44-.17-.66-.26-.19-.08-.38-.16-.57-.24-.22-.09-.44-.19-.66-.29-.21-.1-.42-.2-.62-.3-.21-.1-.42-.21-.63-.32-.21-.11-.42-.23-.63-.35-.2-.12-.39-.23-.59-.35-.21-.13-.42-.26-.63-.4-.2-.13-.4-.27-.6-.4-.22-.16-.44-.32-.66-.49-.21-.16-.41-.33-.61-.5-.18-.16-.36-.32-.52-.48-.15-.14-.29-.29-.43-.44-.14-.17-.28-.34-.4-.52-.14-.21-.26-.43-.36-.66-.09-.22-.15-.44-.18-.67-.03-.21-.04-.42-.03-.63.01-.26.05-.51.12-.76.34-1.19 1.24-2.15 2.44-2.82.37-.21.76-.4 1.15-.61.15.32.32.64.5.95 1.51 2.73 4.1 4.64 7.22 5.08z"/></svg>
|
|
<div class="social-info"><span class="social-name">Gab</span><span class="social-handle">@SamiAhmed</span></div>
|
|
</a>
|
|
|
|
<a href="https://www.instagram.com/itsfuckinsami7777/" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="url(#ig_grad)"><defs><linearGradient id="ig_grad" x1="0%" y1="100%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#FFDC80"/><stop offset="50%" style="stop-color:#E1306C"/><stop offset="100%" style="stop-color:#833AB4"/></linearGradient></defs><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
|
|
<div class="social-info"><span class="social-name">Instagram</span><span class="social-handle">@itsfuckinsami7777</span></div>
|
|
</a>
|
|
|
|
<a href="https://fb.me/samiahmed7777official" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#1877F2"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
|
|
<div class="social-info"><span class="social-name">Facebook</span><span class="social-handle">@samiahmed7777official</span></div>
|
|
</a>
|
|
|
|
<a href="https://wa.me/17145766287" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#25D366"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
|
|
<div class="social-info"><span class="social-name">WhatsApp</span><span class="social-handle">+1 (714) 576-6287</span></div>
|
|
</a>
|
|
|
|
<a href="https://diamondapp.com/u/SamiAhmed" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#26D9FF"><path d="M12 2L2 7l10 5 10-5-10-5zm0 7.324L5.798 5.89 12 3.28l6.202 2.61L12 9.324zm0 3.176l-6.202 3.1L12 18.68l6.202-3.1L12 12.5zm0 3.4L5.798 12.89 12 19.28l6.202-6.39L12 15.9z"/></svg>
|
|
<div class="social-info"><span class="social-name">Diamond</span><span class="social-handle">@SamiAhmed</span></div>
|
|
</a>
|
|
|
|
<a href="https://www.youtube.com/user/SamiAhmed2000" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#FF0000"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
|
|
<div class="social-info"><span class="social-name">YouTube</span><span class="social-handle">SamiAhmed2000</span></div>
|
|
</a>
|
|
|
|
<a href="https://twitter.com/RealSamiAhmed" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#000"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
|
|
<div class="social-info"><span class="social-name">X / Twitter</span><span class="social-handle">@RealSamiAhmed</span></div>
|
|
</a>
|
|
|
|
<a href="https://www.reddit.com/user/SamiAhmed1987" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#FF4500"><path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/></svg>
|
|
<div class="social-info"><span class="social-name">Reddit</span><span class="social-handle">@SamiAhmed1987</span></div>
|
|
</a>
|
|
|
|
<a href="https://discord.com/users/408471082518052874" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#5865F2"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
|
|
<div class="social-info"><span class="social-name">Discord</span><span class="social-handle">itsfuckinsami</span></div>
|
|
</a>
|
|
|
|
<a href="https://www.linkedin.com/in/samiahmed7777" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#0A66C2"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
|
|
<div class="social-info"><span class="social-name">LinkedIn</span><span class="social-handle">samiahmed7777</span></div>
|
|
</a>
|
|
|
|
<a href="https://vk.com/samiahmed7777" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#4680C2"><path d="M15.684 0H8.316C1.592 0 0 1.592 0 8.316v7.368C0 22.408 1.592 24 8.316 24h7.368C22.408 24 24 22.408 24 15.684V8.316C24 1.592 22.408 0 15.684 0zm3.692 17.123h-1.744c-.66 0-.864-.525-2.05-1.727-1.033-1-1.49-1.135-1.744-1.135-.356 0-.458.102-.458.593v1.575c0 .424-.135.678-1.253.678-1.846 0-3.896-1.12-5.339-3.202-2.17-3.04-2.763-5.32-2.763-5.79 0-.254.102-.491.593-.491h1.744c.44 0 .61.203.78.677.864 2.491 2.303 4.675 2.896 4.675.22 0 .322-.102.322-.66V9.721c-.068-1.186-.695-1.287-.695-1.71 0-.204.17-.407.44-.407h2.744c.373 0 .508.203.508.643v3.473c0 .372.17.508.27.508.22 0 .407-.136.813-.542 1.254-1.406 2.151-3.574 2.151-3.574.119-.254.322-.491.763-.491h1.744c.525 0 .644.27.525.643-.22 1.017-2.354 4.031-2.354 4.031-.186.305-.254.44 0 .78.186.254.796.779 1.203 1.253.745.847 1.32 1.558 1.473 2.05.17.49-.085.744-.576.744z"/></svg>
|
|
<div class="social-info"><span class="social-name">VK</span><span class="social-handle">@samiahmed7777</span></div>
|
|
</a>
|
|
|
|
<a href="https://mewe.com/i/samiahmed" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#1DC991"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 17.073c-.203.203-.477.32-.77.32-.294 0-.568-.117-.77-.32L8.5 9.158c-.204-.203-.32-.477-.32-.77s.116-.567.32-.77l1.855-1.855c.202-.202.476-.32.77-.32.293 0 .567.118.77.32l2.854 2.854 5.894-5.894c.203-.202.477-.32.77-.32.294 0 .568.118.77.32l1.855 1.855c.203.203.32.477.32.77s-.117.567-.32.77l-7.769 7.769z"/></svg>
|
|
<div class="social-info"><span class="social-name">MeWe</span><span class="social-handle">@samiahmed</span></div>
|
|
</a>
|
|
|
|
<a href="https://keybase.io/samiahmed7777" target="_blank" class="social-link">
|
|
<svg class="social-logo" viewBox="0 0 24 24" fill="#33A7FF"><path d="M12.343 0C5.94 0 .818 5.122.818 11.525c0 6.402 5.122 11.522 11.525 11.522 6.402 0 11.522-5.12 11.522-11.522C23.865 5.122 18.745 0 12.343 0zm-.595 5.813a4.72 4.72 0 1 0 9.44 0 4.72 4.72 0 0 0-9.44 0zm.596 9.553c-2.64 0-4.786-2.147-4.786-4.786 0-2.64 2.147-4.786 4.786-4.786 2.64 0 4.786 2.147 4.786 4.786 0 2.64-2.147 4.786-4.786 4.786zm2.19-5.12H10.76v5.12h.794v-2.63h2.48c.437 0 .794-.357.794-.794v-1.396c0-.437-.357-.794-.794-.794l-1.794.002v-.594h3.582v.795c0 .877.71 1.59 1.586 1.59l-.001.001z"/></svg>
|
|
<div class="social-info"><span class="social-name">Keybase</span><span class="social-handle">@samiahmed7777</span></div>
|
|
</a>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION 2: WRITINGS & APPEARANCES -->
|
|
<section class="writings-section" id="writings">
|
|
<div class="container two-col">
|
|
<div class="col">
|
|
<h2 class="section-title light">See My Poems and Writings</h2>
|
|
<?php
|
|
$recent = new WP_Query(array('posts_per_page' => 4, 'post_status' => 'publish'));
|
|
if ($recent->have_posts()) : while ($recent->have_posts()) : $recent->the_post();
|
|
?>
|
|
<article class="post-card">
|
|
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
|
|
<time><?php the_time('F j, Y'); ?></time>
|
|
</article>
|
|
<?php endwhile; wp_reset_postdata(); endif; ?>
|
|
</div>
|
|
<div class="col">
|
|
<h2 class="section-title light">Watch My Videos</h2>
|
|
<a href="https://www.youtube.com/user/SamiAhmed2000" target="_blank" class="yt-thumb-link">
|
|
<div class="yt-thumb-card">
|
|
<img src="https://img.youtube.com/vi/placeholder/maxresdefault.jpg"
|
|
alt="Latest video" class="yt-thumb" onerror="this.src='https://sami-ahmed.net/wp-content/uploads/2022/09/Sami-Ahmed-WEBSITE-CARD-2.png'">
|
|
<div class="yt-play-btn">►</div>
|
|
</div>
|
|
</a>
|
|
<a href="https://www.youtube.com/user/SamiAhmed2000" target="_blank" class="yt-thumb-link">
|
|
<div class="yt-thumb-card">
|
|
<img src="https://img.youtube.com/vi/placeholder2/maxresdefault.jpg"
|
|
alt="Video 2" class="yt-thumb" onerror="this.src='https://sami-ahmed.net/wp-content/uploads/2022/09/Sami-Ahmed-WEBSITE-CARD-2.png'">
|
|
<div class="yt-play-btn">►</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION 3: SUPPORT / PAYMENTS -->
|
|
<section class="support-section" id="support">
|
|
<div class="support-bg-animation"></div>
|
|
<div class="container">
|
|
<h2 class="section-title light" style="padding-top:20px;">Support the Work</h2>
|
|
<div class="payment-grid">
|
|
<a href="https://account.venmo.com/u/Sami-Ahmed-28" target="_blank" class="payment-card">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2023/01/venmo-icon-white.png" alt="Venmo" onerror="this.style.display='none'">
|
|
<span class="pay-label">Vensun / Venmo<br>@Sami-Ahmed-28</span>
|
|
</a>
|
|
<a href="https://cash.app/$SamiAhmed7777" target="_blank" class="payment-card">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2023/01/cashapp-icon-white.png" alt="CashApp" onerror="this.style.display='none'">
|
|
<span class="pay-label">CashApp<br>$SamiAhmed7777</span>
|
|
</a>
|
|
<a href="https://paypal.me/samia2699" target="_blank" class="payment-card">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2023/01/paypal-icon-white.png" alt="PayPal" onerror="this.style.display='none'">
|
|
<span class="pay-label">PayPal<br>samia2699@gmail.com</span>
|
|
</a>
|
|
<a href="https://paypal.me/samia2699" target="_blank" class="payment-card">
|
|
<span style="font-size:2rem;">₿</span>
|
|
<span class="pay-label">Crypto / PayPal<br>samia2699@gmail.com</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION 4: THE FULL BAND -->
|
|
<section class="support-section" id="fullband" style="background: linear-gradient(180deg, #2d1b69, #6b2d9e); padding-top: 40px;">
|
|
<div class="container">
|
|
<h2 class="section-title light">The Full Band</h2>
|
|
<div style="max-width: 700px; margin: 0 auto 30px; text-align: center; color: rgba(255,255,255,0.85); line-height: 1.8; font-size: 1.05rem;">
|
|
<p>Music, art, and energy — all brought together by the generosity of people like you. Every dollar goes into keeping this work alive.</p>
|
|
</div>
|
|
<div class="payment-grid">
|
|
<div class="payment-card">
|
|
<span style="font-size:2.2rem; font-weight:700; color:#fff;">Vensun</span>
|
|
<span class="pay-label">Venmo<br>@Sami-Ahmed-28</span>
|
|
</div>
|
|
<div class="payment-card">
|
|
<span style="font-size:2.2rem; font-weight:700; color:#00d632;">$</span>
|
|
<span class="pay-label">CashApp<br>$SamiAhmed7777</span>
|
|
</div>
|
|
<div class="payment-card">
|
|
<span style="font-size:2.2rem;">✉</span>
|
|
<span class="pay-label">PayPal<br>samia2699@gmail.com</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION 5: CRYPTO -->
|
|
<section class="crypto-section" id="crypto">
|
|
<div class="crypto-bg-animation"></div>
|
|
<div class="container">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2022/09/ODD-Bank-Adjusted-2.png" alt="Pinball Protocol" class="crypto-img">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2022/09/Pinball-Protocol-Adjusted.png" alt="OddBank" class="crypto-img-small">
|
|
<p class="crypto-text">Pinball Protocol & OddBank — The future of financial freedom. Invest wisely.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION 6: CHURCH -->
|
|
<section class="church-section" id="church">
|
|
<div class="container">
|
|
<img src="https://sami-ahmed.net/wp-content/uploads/2022/09/Church-Cover-cropped.jpg" alt="Fellowship of Jesus Christ in California Valley" class="church-cover">
|
|
<h2 class="section-title light">Fellowship of Jesus Christ in California Valley</h2>
|
|
<div class="church-text">
|
|
<p>Overseer: <strong>Sami Ahmed</strong></p>
|
|
<p>A Bible-based community dedicated to counseling, encouragement, and restoration. We help others break through the chains that bind them — to find freedom, purpose, and a new direction.</p>
|
|
<p><strong>Service Times:</strong> Sunday 10:00 AM & 6:00 PM — Wednesday 7:00 PM</p>
|
|
<p><strong>Location:</strong> 3217 Carson St. STE 360, Lakewood, CA 90712</p>
|
|
</div>
|
|
<div class="church-action">
|
|
<a href="mailto:hello@sami-ahmed.net" class="btn btn-glow">Get in Touch</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- AI SERVICES BOX -->
|
|
<section class="ai-services-section" id="aiservices">
|
|
<div class="container">
|
|
<div class="ai-services-box">
|
|
<h2>
|
|
<svg style="width:32px;height:32px;fill:white;flex-shrink:0" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
|
|
AI Services & Consulting
|
|
</h2>
|
|
<p>I offer AI-assisted services: content creation, coding, automation, research, and custom solutions.</p>
|
|
<div class="ai-offers">
|
|
<h3>What I can do:</h3>
|
|
<ul>
|
|
<li>Custom AI agent development & automation</li>
|
|
<li>Video & audio production (sermons, content)</li>
|
|
<li>Web development & WordPress solutions</li>
|
|
<li>System administration & server management</li>
|
|
<li>Research, writing & content strategy</li>
|
|
<li>Crypto & blockchain consulting</li>
|
|
</ul>
|
|
</div>
|
|
<div class="ai-cta">
|
|
<a href="mailto:hello@sami-ahmed.net">Let's Build Something →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- BEEP SECTION -->
|
|
<section class="beep-section" id="beep">
|
|
<div class="container">
|
|
<div class="beep-feed-wrapper">
|
|
<div class="beep-brand-header">
|
|
<div class="beep-wordmark">Beep</div>
|
|
<p class="beep-tagline">Messages from Sami Ahmed</p>
|
|
</div>
|
|
<div class="beep-compose">
|
|
<textarea id="beep-input" placeholder="What's on your mind?" rows="3"></textarea>
|
|
<div class="beep-compose-actions">
|
|
<div>
|
|
<button class="beep-media-btn" style="background:none;border:none;color:#1D9BF0;cursor:pointer;font-size:20px;padding:4px;" title="Add media">📷</button>
|
|
<button class="beep-media-btn" style="background:none;border:none;color:#1D9BF0;cursor:pointer;font-size:20px;padding:4px;" title="Add poll">📈</button>
|
|
</div>
|
|
<button id="beep-post-btn" onclick="postBeep()">Post</button>
|
|
</div>
|
|
</div>
|
|
<div id="beep-feed">
|
|
<div style="text-align:center;padding:40px;color:rgba(255,255,255,0.5);">Loading...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CONTACT SECTION -->
|
|
<section class="contact-section" id="contact">
|
|
<div class="container">
|
|
<div class="contact-accent-box">
|
|
<h2>Get in Touch</h2>
|
|
<p>Use the form below, or email me at <strong>hello@sami-ahmed.net</strong></p>
|
|
</div>
|
|
<form id="contact-form" class="contact-form">
|
|
<div class="form-group">
|
|
<input type="text" name="name" id="cf-name" placeholder="Who are you?" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" name="email" id="cf-email" placeholder="What's your email?" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<textarea name="message" id="cf-message" rows="6" placeholder="Message" required></textarea>
|
|
</div>
|
|
<div class="hp-field" aria-hidden="true">
|
|
<input type="text" name="website" tabindex="-1" autocomplete="off">
|
|
</div>
|
|
<button type="submit" class="btn btn-large">Send Me a Message</button>
|
|
<div id="cf-status" class="form-status"></div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ABOUT -->
|
|
<section class="about-section" id="about">
|
|
<div class="container">
|
|
<h2 class="section-title light">A little about me</h2>
|
|
</div>
|
|
</section>
|
|
<section class="about-content-section">
|
|
<div class="container">
|
|
<p>I'm <strong>Sami Ahmed</strong> — a builder, creator, and lifelong learner who wears my heart on my sleeve.</p>
|
|
<p>Over the years, I've worn many hats: entrepreneur, researcher, technologist, advocate, and more. I'm a jack of all trades and master of none, but every path I've walked has shaped my ability to create, adapt, and guide others toward a stronger future.</p>
|
|
<p>Today, I serve as Overseer of the <strong>Fellowship of Jesus Christ in California Valley</strong>, stepping into a new stage of life dedicated to counseling, encouragement, and restoration.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- MAILING ADDRESS -->
|
|
<section class="mail-section" id="mail">
|
|
<div class="container">
|
|
<h2 class="section-title light">Send me a letter or package if you would prefer</h2>
|
|
<div class="address-block">
|
|
<p><strong>Sami Ahmed</strong></p>
|
|
<p><strong>3217 CARSON St.</strong></p>
|
|
<p>STE 360</p>
|
|
<p><strong>Lakewood, CA</strong></p>
|
|
<p><strong>90712</strong></p>
|
|
</div>
|
|
<div class="warning-box">
|
|
<p><b>WARNING:</b> Please observe and respect USPS rules regarding prohibited items. Email me first before sending anything.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="site-footer-custom">
|
|
<div class="container">
|
|
<p>© <?php echo date('Y'); ?> Sami Ahmed. All rights reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
// Contact form
|
|
document.getElementById('contact-form').addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
var form = this;
|
|
var status = document.getElementById('cf-status');
|
|
var btn = form.querySelector('button[type="submit"]');
|
|
btn.disabled = true;
|
|
btn.textContent = 'Sending...';
|
|
var data = new FormData(form);
|
|
data.append('action', 'sami_contact');
|
|
fetch('<?php echo admin_url("admin-ajax.php"); ?>', { method: 'POST', body: data })
|
|
.then(function(r) { return r.json(); })
|
|
.then(function(r) {
|
|
if (r.success) {
|
|
status.innerHTML = '<span style="color:#4CAF50">' + r.data.msg + '</span>';
|
|
form.reset();
|
|
} else {
|
|
status.innerHTML = '<span style="color:#ff6b6b">' + (r.data ? r.data.msg : 'Error') + '</span>';
|
|
}
|
|
btn.disabled = false;
|
|
btn.textContent = 'Send Me a Message';
|
|
})
|
|
.catch(function() {
|
|
status.innerHTML = '<span style="color:#ff6b6b">Network error. Try again.</span>';
|
|
btn.disabled = false;
|
|
btn.textContent = 'Send Me a Message';
|
|
});
|
|
});
|
|
|
|
// Beep feed loader
|
|
(function() {
|
|
var feed = document.getElementById('beep-feed');
|
|
if (!feed) return;
|
|
// Load beep posts via REST API
|
|
fetch('<?php echo home_url("/wp-json/wp/v2/posts?per_page=5&_embed"); ?>')
|
|
.then(function(r) { return r.json(); })
|
|
.then(function(posts) {
|
|
if (!posts || posts.length === 0) {
|
|
feed.innerHTML = '<div style="text-align:center;padding:40px;color:rgba(255,255,255,0.4);">No posts yet. Be the first!</div>';
|
|
return;
|
|
}
|
|
feed.innerHTML = posts.map(function(p) {
|
|
var date = new Date(p.date);
|
|
var dateStr = date.toLocaleDateString('en-US', {month:'short', day:'numeric', year:'numeric'});
|
|
var excerpt = p.excerpt.rendered.replace(/<[^>]+>/g, '');
|
|
return '<div class="post-card" style="margin-bottom:12px;">' +
|
|
'<p style="color:#fff;font-size:1.05rem;margin-bottom:8px;">' + p.title.rendered + '</p>' +
|
|
'<p style="color:rgba(255,255,255,0.6);font-size:0.85rem;">' + excerpt + '</p>' +
|
|
'<time style="color:rgba(255,255,255,0.4);font-size:0.75rem;">' + dateStr + '</time>' +
|
|
'</div>';
|
|
}).join('');
|
|
})
|
|
.catch(function() {
|
|
feed.innerHTML = '<div style="text-align:center;padding:40px;color:rgba(255,255,255,0.4);">Could not load posts.</div>';
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
<?php get_footer(); ?>
|