587 lines
43 KiB
PHP
587 lines
43 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="keywords" content="Tokslaw, Toks Lawal, Tokunbo Lawal,Hire Full stack Engineer, Full Stack Software Engineer, Software Engineer, Enterprise Architect,Backend Developer, AI Engineer">
|
||
<meta name="author" content="Tokslaw, Toks Lawal, Tokunbo Lawal">
|
||
<meta name="google-site-verification" content="qC-NzYstxEbgViItWRCXWmWohJDBplsD-mc8M8IMatQ" />
|
||
<meta name="description" content="Tokslaw, Product Architect,Robust background in software development and cybersecurity, honed through dedicated service in the US Army. Specializing in leveraging event-driven architecture and advanced methodologies to craft resilient, scalable, and efficient microservices architectures.">
|
||
<meta property="og:title" content="Tokslaw | Enterprise Architect, Full-Stack Software Engineer & DevSecOps Strategist"
|
||
<meta property="og:description" content="Enterprise Architect, Full-Stack Software Engineer, DevSecOps Engineer, Cloud Solutions Architect, Software Architecture Consultant, Digital Transformation Architect">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:image" content="./assets/images/common/og-image.jpg">
|
||
|
||
<link rel="stylesheet" href="./assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css">
|
||
<link rel="stylesheet" href="./assets/css/theme.min.css">
|
||
<link rel="stylesheet" href="./assets/css/utility.min.css">
|
||
<link rel="stylesheet" href="./assets/css/extra.css">
|
||
<link rel="stylesheet" href="./assets/css/demo/start-hub-8/base.css">
|
||
<link rel="stylesheet" href="./assets/css/demo/start-hub-8/start-hub-8.css">
|
||
<link rel="stylesheet" href="./assets/css/styles.css">
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Libre+Baskerville:ital@1&family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet">
|
||
|
||
<title>Tokslaw</title>
|
||
</head>
|
||
<body data-localscroll-offset="55" data-lqd-cc="true" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="modern" data-mobile-nav-scheme="dark" data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="gray" data-mobile-logo-alignment="default" data-overlay-onmobile="false" data-disable-animations-onmobile="true">
|
||
<header id="site-header" class="main-header" data-sticky-header="true" data-sticky-values-measured="false" data-sticky-options='{"disableOnMobile": true}'>
|
||
<div class="lqd-hide-onstuck module-top py-10 px-35 border-bottom border-black-10 bg-white md:hidden module-header">
|
||
<div class="container-fluid">
|
||
<div class="flex flex-wrap w-full justify-between items-center">
|
||
<div class="flex w-55percent justify-start">
|
||
<div class="px-5 bg-lightgray mr-15 ld-fancy-heading relative">
|
||
<h6 class="ld-fh-element relative text-11 m-0 text-black">Overview </h6>
|
||
</div>
|
||
<div class="mr-15 ld-fancy-heading relative">
|
||
<p class="ld-fh-element relative text-13 m-0"> About Tokslaw👋</p>
|
||
</div>
|
||
<a href="http://tokslaw.net" target="_blank" class="text-13 text-text btn btn-naked btn-icon-right btn-hover-swp btn-has-label">
|
||
<span data-text="Learn more" class="btn-txt">Learn more </span>
|
||
<span class="btn-icon">
|
||
<i aria-hidden="true" class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||
</span>
|
||
<span class="btn-icon mr-10">
|
||
<i aria-hidden="true" class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="flex w-45percent justify-end">
|
||
<div class="flex flex-row gap-25 w-auto mr-30">
|
||
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
|
||
<a href="https://www.facebook.com/tokunbo.lawal.1485" class="icon social-icon hover:svg-black" target="_blank">
|
||
<span class="sr-only">Facebook-square</span>
|
||
<svg class="w-1em h-1em block relative e-font-icon-svg e-fab-facebook-square" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" fill="#B4B6C6"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
|
||
<a href="https://x.com/Tokslaw1" class="icon social-icon hover:svg-black" target="_blank">
|
||
<span class="sr-only">Twitter</span>
|
||
<svg class="w-1em h-1em block relative e-font-icon-svg e-fab-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" fill="#B4B6C6"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
|
||
<a href="https://www.github.com/tokslaw7" class="icon social-icon hover:svg-black" target="_blank">
|
||
<span class="sr-only">Github</span>
|
||
<svg class="w-1em h-1em block relative e-font-icon-svg e-fab-github" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" fill="#B4B6C6"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="border-bottom border-black-10 px-35 py-0 bg-white md:hidden module-header">
|
||
<div class="container-fluid">
|
||
<div class="flex justify-between items-center w-full">
|
||
<div class="flex w-60percent lg:w-75percent">
|
||
<div class="py-10 pr-35 module-logo flex navbar-brand-plain">
|
||
<a class="navbar-brand flex p-0 relative" href="/" rel="home">
|
||
<span class="navbar-brand-inner post-rel">
|
||
<img width="50" height="50" style="object-fit: contain;" src="./assets/images/demo/start-hub-8/tokslaw_logo_main.png" alt="Tokslaw">
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="module-primary-nav flex">
|
||
<div class="navbar-collapse inline-flex p-0 lqd-submenu-default-style" id="main-header-collapse" aria-expanded="false" role="navigation">
|
||
<ul id="primary-nav" class="link-13 link-font-medium link-leading-2em link-black-80 main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fill" data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}' data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||
<li>
|
||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/'; ?>" class="py-15 pr-60">Home</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/about'; ?>" class="py-15 pr-60">About Me</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://blog.tokslaw.com" target="_blank" rel="noopener noreferrer" class="py-15 pr-60">
|
||
Blog
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#contact-modal" class="py-15 pr-60">
|
||
Contact
|
||
<span class="link-badge text-badge">NEW</span>
|
||
</a>
|
||
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex w-40percent justify-end lg:w-25percent">
|
||
<div class="mr-10 ld-module-search lqd-module-search-slide-top flex items-center " data-module-style='lqd-search-style-slide-top'>
|
||
<span class="text-black-50 ld-module-trigger collapsed lqd-module-trigger-txt-left lqd-module-show-icon lqd-module-icon-outline" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#search-header" aria-controls="search-header" aria-expanded="false">
|
||
<span class="ld-module-trigger-txt"></span>
|
||
<span class="ld-module-trigger-icon">
|
||
<i class="text-18 lqd-icn-ess icon-ld-search-2"></i>
|
||
</span>
|
||
</span>
|
||
<div class="ld-module-dropdown collapse flex w-full flex-col fixed overflow-hidden backface-hidden" id="search-header" aria-expanded="false" role="form">
|
||
<div class="ld-search-form-container flex flex-col justify-center h-full mx-auto backface-hidden" role="searchbox">
|
||
<form role="search" method="get" action="#" class="ld-search-form w-full">
|
||
<input class="w-full" type="search" placeholder="Search" value="" name="s">
|
||
<span class="input-icon inline-flex items-center justify-center absolute" role="search" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#search-header" aria-controls="search-header" aria-expanded="false">
|
||
<i class="lqd-icn-ess icon-ld-search"></i>
|
||
</span>
|
||
<input type="hidden" name="post_type" value="post">
|
||
</form>
|
||
<p class="lqd-module-search-info">Type and hit enter</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="https://tokslaw7.github.io/portfolio/" class="btn btn-naked btn-icon-left btn-icon-circle btn-icon-custom-size btn-icon-solid mr-15 text-14 tracking-0/1 text-purple-500 lg:mr-0" data-lity="#contact-modal">
|
||
<span data-text="Join the community" class="btn-txt">My Internet World </span>
|
||
<span class="btn-icon mr-10 w-35 h-35 bg-purple-500 rounded-full">
|
||
<svg class="text-14" xmlns="http://www.w3.org/2000/svg" width="19.25" height="19.25" viewBox="0 0 19.25 19.25">
|
||
<path d="M-5.581-5.711V-7.733H-7.6A2.027,2.027,0,0,0-9.625-5.711,2.027,2.027,0,0,0-7.6-3.688,2.027,2.027,0,0,0-5.581-5.711Zm1.019,0V-.647A2.027,2.027,0,0,0-2.539,1.375,2.027,2.027,0,0,0-.517-.647V-5.711A2.027,2.027,0,0,0-2.539-7.733,2.027,2.027,0,0,0-4.562-5.711Zm2.022-8.12H-.517v-2.022a2.027,2.027,0,0,0-2.022-2.022,2.027,2.027,0,0,0-2.022,2.022A2.027,2.027,0,0,0-2.539-13.831Zm0,1.019H-7.6a2.027,2.027,0,0,0-2.022,2.022A2.027,2.027,0,0,0-7.6-8.767h5.063A2.027,2.027,0,0,0-.517-10.789,2.027,2.027,0,0,0-2.539-12.812Zm8.12,2.022v2.022H7.6a2.027,2.027,0,0,0,2.022-2.022A2.027,2.027,0,0,0,7.6-12.812,2.027,2.027,0,0,0,5.581-10.789Zm-1.019,0v-5.063a2.027,2.027,0,0,0-2.022-2.022A2.027,2.027,0,0,0,.517-15.853v5.063A2.027,2.027,0,0,0,2.539-8.767,2.027,2.027,0,0,0,4.562-10.789ZM2.539-2.669H.517V-.647A2.027,2.027,0,0,0,2.539,1.375,2.027,2.027,0,0,0,4.562-.647,2.027,2.027,0,0,0,2.539-2.669Zm0-1.019H7.6A2.027,2.027,0,0,0,9.625-5.711,2.027,2.027,0,0,0,7.6-7.733H2.539A2.027,2.027,0,0,0,.517-5.711,2.027,2.027,0,0,0,2.539-3.688Z" transform="translate(9.625 17.875)" fill="#fff"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
<a href="#contact-modal" class="btn btn-solid btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y btn-icon-right bg-blue-700 text-13 text-white font-medium rounded-100 shadow-md module-btn-sm lg:hidden" data-lity="#contact-modal">
|
||
<span data-text=" With Tokslaw" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements": ".lqd-chars" , "delayType": "animation" , "startDelay": 0, "delayBetween": 32.5}' data-split-text="true" data-split-options='{"type": "chars, words"}'> Start your Project </span>
|
||
<span class="btn-icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="8.75" height="8.75" viewBox="0 0 8.75 8.75">
|
||
<path d="M2.926-9.324H8.75V-3.5H7.574V-7.355L.82-.574,0-1.395,6.754-8.176H2.926Z" transform="translate(0 9.324)" fill="#fff"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="lqd-stickybar-wrap lqd-stickybar-right flex flex-row items-end justify-start pointer-events-none md:hidden">
|
||
<a href="#contact-modal" class="btn btn-solid btn-custom-size btn-icon-right pointer-events-auto w-60 h-60 bg-white text-black rounded-full" data-lity="#contact-modal">
|
||
<span class="btn-icon text-black">
|
||
<i aria-hidden="true" class="lqd-icn-ess icon-lqd-pen"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="lqd-mobile-sec relative">
|
||
<div class="lqd-mobile-sec relative">
|
||
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full">
|
||
<div class="lqd-mobile-modules-container empty"></div>
|
||
<button type="button" class="navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav" aria-expanded="false" data-toggle-options='{ "changeClassnames": {"html": "mobile-nav-activated"} }'>
|
||
<span class="sr-only">Menu</span>
|
||
<span class="bars inline-block relative z-1">
|
||
<span class="bars-inner flex flex-col w-full h-full">
|
||
<span class="bar inline-block"></span>
|
||
<span class="bar inline-block"></span>
|
||
<span class="bar inline-block"></span>
|
||
</span>
|
||
</span>
|
||
</button>
|
||
<a class="navbar-brand flex relative" href="./index-start-hub-8.html">
|
||
<span class="navbar-brand-inner">
|
||
<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw_logo_main.png" alt="Starthub Eight">
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="lqd-mobile-sec-nav w-full absolute z-10">
|
||
<div class="mobile-navbar-collapse navbar-collapse collapse w-full" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
|
||
<ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav" data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||
<li class="is-active">
|
||
<a href="services.php" class="py-15 pr-60">
|
||
Services
|
||
<span class="link-icon inline-flex hide-if-empty right-icon">
|
||
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="./page-start-hub-8-projects.html" class="py-15 pr-60">Projects</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://blog.tokslaw.com" target="_blank" class="py-15 pr-60">
|
||
Blog
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="./page-start-hub-8-contact.html" class="py-15 pr-60">
|
||
Contact
|
||
<span class="link-badge text-badge">NEW</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
<section id="about" class="active meet-toks-section"">
|
||
<div class="container page-title text-center">
|
||
<h2 class= "ld-fh-element mb-0/5em relative text-50 text-rotator-activated text-center">
|
||
Meet <span>Toks</span>
|
||
</h2>
|
||
<h5>
|
||
<span class="title-head-subtitle row title-bar-container justify-center">
|
||
A technology professional focused on enterprise architecture, software engineering, cloud systems, cybersecurity, and digital transformation
|
||
</span>
|
||
</h5>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="container col-12 mx-auto text-center about-divider">
|
||
<hr class="about-section" />
|
||
</div>
|
||
|
||
|
||
<div class="profile-image-wrapper">
|
||
<div class="profile-image-card">
|
||
<div class="profile-image-glow"></div>
|
||
<img
|
||
src="./assets/images/tokslawal.png"
|
||
alt="Toks Lawal"
|
||
class="profile-image"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="about-wrapper">
|
||
<div class="about-card">
|
||
<h2>Hi, I’m Tokunbo "Toks" Lawal</h2>
|
||
|
||
<p class="intro-text">
|
||
I am an <strong>Enterprise Architect</strong>, <strong>Full-Stack Software Engineer</strong>,
|
||
<strong>cybersecurity professional</strong>, and <strong>technology strategist</strong>
|
||
passionate about helping businesses turn complex ideas into secure, scalable, and
|
||
user-friendly digital solutions.
|
||
</p>
|
||
|
||
<p>
|
||
My work sits at the intersection of architecture, software engineering, cybersecurity,
|
||
cloud technology, and business transformation. I enjoy solving problems that require
|
||
both strategic thinking and hands-on technical execution — from designing enterprise systems
|
||
and modernizing applications to building websites, APIs, mobile apps, automation workflows,
|
||
and secure digital platforms.
|
||
</p>
|
||
|
||
<p class="belief-label">At the core of my work is one simple belief:</p>
|
||
|
||
<div class="belief-box">
|
||
<h4>My Philosophy</h4>
|
||
<p>
|
||
“Technology should not just work — it should create value, reduce friction,
|
||
and help people move forward.”
|
||
</p>
|
||
</div>
|
||
|
||
<div class="">
|
||
<h2>My Background</h2>
|
||
<p class="intro-text">
|
||
Over the years, I have worked across software development, enterprise architecture, cybersecurity, cloud platforms, and digital strategy. My experience includes building and supporting systems using technologies such as:
|
||
</p>
|
||
<p>
|
||
<strong>
|
||
React, React Native, Next.js, TypeScript, JavaScript, Angular, Python, PHP, Laravel, CodeIgniter, Node.js, Java, Spring Boot, MySQL, PostgreSQL, Redis, Supabase, AWS, Docker, Kubernetes, Terraform, Kafka, Jmeter, GitHub, GitLab, Jenkins, CI/CD pipelines and AI agents.
|
||
</strong>
|
||
</p>
|
||
<p>
|
||
I have developed and contributed to platforms in industries such as healthcare, logistics, mobility, gaming, enterprise systems, AI-powered applications, and digital experience platforms.
|
||
</p>
|
||
<p>
|
||
My background also includes service in the U.S. Army, where I strengthened the discipline, adaptability, leadership, and mission-focused mindset that continue to shape how I approach technology and problem-solving today.
|
||
</p>
|
||
</div>
|
||
|
||
|
||
<div class="">
|
||
<h2>What I Do</h2>
|
||
<p>
|
||
I help individuals, startups, and organizations design and build technology that is practical, secure, and aligned with business goals.
|
||
</p>
|
||
<h3>My focus areas include:</h3>
|
||
<ul class="about-list">
|
||
<li>
|
||
Enterprise Architecture & Solution Design
|
||
</li>
|
||
<li>
|
||
Enterprise Architecture & Solution Design
|
||
</li>
|
||
<li>
|
||
Full-Stack Web Application Development
|
||
</li>
|
||
<li>
|
||
API & Microservices Architecture
|
||
</li>
|
||
<li>
|
||
Cloud, DevOps & CI/CD Implementation
|
||
</li>
|
||
<li>
|
||
Cybersecurity & DevSecOps
|
||
</li>
|
||
<li>
|
||
Mobile App Development
|
||
</li>
|
||
<li>
|
||
AI, Automation & Product Strategy
|
||
</li>
|
||
<li>
|
||
Website Development, SEO & Digital Presence
|
||
</li>
|
||
</ul>
|
||
<p>
|
||
Whether I am designing a roadmap, building a backend service, improving a website, securing an application, or helping a founder shape a product idea, my goal is always the same: <strong>clarity, structure, and execution to technology.</strong>
|
||
</p>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="">
|
||
<h2>My Approach</h2>
|
||
<p>
|
||
I believe strong technology starts with understanding the business problem first.
|
||
</p>
|
||
<p>
|
||
Before writing code or recommending a tool, I focus on understanding the goal, the users, the pain points, the risks, and the long-term vision.
|
||
</p>
|
||
|
||
<div class="belief-box">
|
||
<h4>From there, I design solutions that are:</h4>
|
||
<ul class="about-list clean-list">
|
||
<li><strong>Strategic</strong> — aligned with business goals</li>
|
||
<li><strong>Scalable</strong> — built to grow with demand</li>
|
||
<li><strong>Secure</strong> — designed with protection in mind</li>
|
||
<li><strong>Practical</strong> — realistic for the team and budget</li>
|
||
<li><strong>User-focused</strong> — simple, useful, and accessible</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<p>
|
||
I bring both the mindset of an architect and the execution skills of an engineer.
|
||
Which means I can help define the big picture while also understanding what it takes to build it.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="">
|
||
<h2>Beyond the Code</h2>
|
||
<p>
|
||
Technology is not just about systems. It is about people, decisions, leadership, and impact.
|
||
</p>
|
||
<p>
|
||
That is why I also create content through <a href="https://open.spotify.com/show/6R6x1Sxwvc9pd042NdFipe?si=-askP4yqQZeoCZzSmEJfqA" target="_blank" <strong>Toks Dialogue</strong></a>, where I explore topics around enterprise architecture, software engineering, cybersecurity, innovation, career growth, and the mindset required to build better systems.
|
||
</p>
|
||
<p>
|
||
Through my writing, projects, and conversations, I aim to make complex technology topics easier to understand and more useful for professionals, business owners, and aspiring technologists.
|
||
</p>
|
||
</div>
|
||
|
||
<hr class="about-section" />
|
||
|
||
|
||
<div class="">
|
||
<h2>My Goal</h2>
|
||
<p>
|
||
My goal is to help businesses and professionals use technology with confidence.
|
||
</p>
|
||
<p>
|
||
Whether you are building a new product, improving an existing platform, modernizing legacy systems, strengthening security, or growing your online presence, I bring a blend of technical depth, strategic thinking, and real-world execution.
|
||
</p>
|
||
<div class="belief-box">
|
||
<h4>My Goal</h4>
|
||
<p>
|
||
I do not just build technology. I help build systems that support growth, security, and long-term success.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="about-section" />
|
||
|
||
<div class="about-card connect-card">
|
||
<h2>Let's Connect</h2>
|
||
<p>
|
||
If you are looking for a technology partner who understands both business strategy and hands-on engineering, I would be glad to connect.
|
||
</p>
|
||
|
||
<strong>
|
||
Let’s design, build, and secure something meaningful.
|
||
</strong>
|
||
|
||
<div class="button-wrapper">
|
||
<button class="about-btn">Get Started </button>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
<hr class="about-section" />
|
||
|
||
|
||
<div>
|
||
<footer id="site-footer" class="main-footer bg-transparent py-70" style="background-image: linear-gradient(170deg, #2D3140 0%, #19272C 100%);">
|
||
<div class="container">
|
||
<div class="flex flex-wrap">
|
||
<div class="w-20percent mb-30 sm:w-50percent">
|
||
<div class="ld-fancy-heading relative">
|
||
<h6 class="ld-fh-element relative mb-3em text-10 font-bold tracking-1 text-white-40 uppercase">COMPANY</h6>
|
||
</div>
|
||
<nav class="link-white-80 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
|
||
<ul class="reset-ul">
|
||
<li class="mb-15">
|
||
<a href="tel:+14042038915">
|
||
Contact Me
|
||
</a>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a href="#">
|
||
FAQ
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mb-15">
|
||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/portfolio'; ?>">Portfolio</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/about'; ?>">AboutMe</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="w-20percent mb-30 sm:w-50percent">
|
||
<div class="ld-fancy-heading relative">
|
||
<h6 class="ld-fh-element relative mb-3em text-10 font-bold tracking-1 text-white-40 uppercase">SUPPORT</h6>
|
||
</div>
|
||
<nav class="link-white-80 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
|
||
<ul class="reset-ul">
|
||
<li class="mb-15">
|
||
<a href="#">
|
||
Privacy Policy
|
||
</a>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a href="#">
|
||
Collaborations
|
||
</a>
|
||
</li>
|
||
<li class="mb-15">
|
||
<a href="https://www.linkedin.com/in/toks-lawal/" target="_blank">
|
||
LinkedIn
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://blog.tokslaw.com" target="_blank">
|
||
Community
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="w-20percent mb-30 sm:w-full">
|
||
<div class="ld-fancy-heading relative">
|
||
<h6 class="ld-fh-element relative mb-3em text-10 font-bold tracking-1 text-white-40 uppercase">CONNECT</h6>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h6 class="ld-fh-element inline-block relative mb-0/5em text-9 uppercase tracking-1 text-white-30">REACH ME DIRECTLY</h6>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<p class="ld-fh-element relative mb-1/65em text-18 font-medium text-white">(404) 203 8915</p>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<h6 class="ld-fh-element inline-block relative mb-0/5em text-9 uppercase tracking-1 text-white-30">REACH ME DIRECTLY</h6>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<p class="ld-fh-element relative mb-1/65em text-18 font-medium text-white"><a href="mailto:contact@tokslaw.com">tokslawdev@gmail.com</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="w-35percent mb-30 ml-5percent text-center sm:w-full lg:m-0">
|
||
<div class="flex flex-col justify-center items-center pt-45 pb-60 px-45 mb-2percent rounded-20 border-1 border-white-10 sm:ml-0 module-border">
|
||
<div class="ld-fancy-heading relative">
|
||
<h4 class="ld-fh-element mb-1/75em relative text-18 text-white">
|
||
<span class="text-1/5em mr-0/25em">🎉</span>
|
||
Join My World
|
||
</h4>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<p class="ld-fh-element relative mb-1/5em text-16 leading-20 text-white-40 hover:text-white-80">Bring your ideas to life with an intuitive Enterprise Architect. Full Stack Engineer, and Security Lover. </p>
|
||
</div>
|
||
<a href="#contact-modal" target="_blank" rel="nofollow" class="btn btn-solid btn-md btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y btn-icon-shaped bg-green-50 text-green-400 rounded-100" data-lity="#contact-modal">
|
||
<span data-text="Join the community" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements": ".lqd-chars" , "delayType": "animation" , "startDelay": 0, "delayBetween": 32.5}' data-split-text="true" data-split-options='{"type": "chars, words"}'> Join the community </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="w-50percent mt-55 flex items-center sm:w-full sm:flex-col module-copyright">
|
||
<div class="mr-20 lqd-imggrp-single block relative">
|
||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||
<figure class="w-full relative">
|
||
<img width="40" height="40" style="object-fit: contain;"src="./assets/images/demo/start-hub-8/tokslaw_logo_main.png" alt="Tokslaw">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
<div class="ld-fancy-heading relative">
|
||
<p class="ld-fh-element relative m-0 text-14 text-white-60">© 2026 Tokslaw. Built by Tokslaw.</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-50percent mt-55 text-end sm:text-start sm:w-full module-social">
|
||
<div class="social-icons-wrapper shape-circle flex-wrap gap-30 gap-y-0">
|
||
<span class="grid-item">
|
||
<a href="https://www.github.com/tokslaw7" class="icon social-icon hover:svg-black" target="_blank">
|
||
<span class="sr-only">GitHub</span>
|
||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z" fill="#FFFFFFB0"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item">
|
||
<a href="https://www.instagram.com/tokslawdev/" class="icon social-icon social-icon-instagram" target="_blank">
|
||
<span class="sr-only">Instagram</span>
|
||
<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="#FFFFFFB0"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item">
|
||
<a href="https://www.linkedin.com/in/toks-lawal/" class="icon social-icon social-icon-spotify" target="_blank">
|
||
<span class="sr-only">LinkedIn</span>
|
||
<svg viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
|
||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#0073b6;}</style></defs><title/><path class="cls-1" d="M454.26,23.47H57.74A34.21,34.21,0,0,0,23.63,57.58V454.1a34.21,34.21,0,0,0,34.11,34.11H454.26a34.21,34.21,0,0,0,34.11-34.11V57.58A34.21,34.21,0,0,0,454.26,23.47Zm-290.4,396H95.39V198.13h68.47ZM129.63,167.09a40.55,40.55,0,1,1,40.55-40.55A40.54,40.54,0,0,1,129.63,167.09ZM422.92,419.52H354V298.1s1.61-24.34-11.41-37c-11.84-11.49-28.3-8.68-28.3-8.68s-18.31.46-28.3,16c-6,9.33-7.76,22.05-8.21,30.7V419.52H209.3V198.13h68.47v26.66c6.2-8.81,17.07-20.54,32.86-26.66,24-9.28,44.61-7.92,62.32-2.58,22.21,6.69,34.88,25.36,39.47,34.54,6.17,12.32,10.5,28.75,10.5,49.3Z"/></svg>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item">
|
||
<a href="https://www.facebook.com/tokunbo.lawal.1485" class="icon social-icon social-icon-facebook" target="_blank">
|
||
<span class="sr-only">Facebook</span>
|
||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" fill="#FFFFFFB0"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item">
|
||
<a href="https://x.com/Tokslaw1" class="icon social-icon social-icon-twitter" target="_blank">
|
||
<span class="sr-only">Twitter</span>
|
||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" fill="#FFFFFFB0"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
<span class="grid-item">
|
||
<a href="https://blog.tokslaw.com" class="icon social-icon social-icon-LinkedIn" target="_blank">
|
||
<span class="sr-only">Blog</span>
|
||
<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z" fill="#FFFFFFB0"></path>
|
||
</svg>
|
||
</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|