about page redo
This commit is contained in:
+281
-135
@@ -19,7 +19,7 @@
|
|||||||
<link rel="stylesheet" href="./assets/css/extra.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/base.css">
|
||||||
<link rel="stylesheet" href="./assets/css/demo/start-hub-8/start-hub-8.css">
|
<link rel="stylesheet" href="./assets/css/demo/start-hub-8/start-hub-8.css">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="./assets/css/styles.css">
|
||||||
|
|
||||||
<!-- Fonts -->
|
<!-- Fonts -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
@@ -149,7 +149,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</a>
|
</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">
|
<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="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"}'> Connect </span>
|
<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">
|
<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">
|
<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>
|
<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>
|
||||||
@@ -222,8 +222,8 @@
|
|||||||
|
|
||||||
<section id="about" class="active">
|
<section id="about" class="active">
|
||||||
<div class="container page-title text-center">
|
<div class="container page-title text-center">
|
||||||
<h2 class= "ld-fh-element mb-0/5em relative text-50 text-rotator-activated text-center margin-top:30px">about <span>me</span></h2>
|
<h2 class= "ld-fh-element mb-0/5em relative text-50 text-rotator-activated text-center margin-top:30px">Meet <span>Toks</span></h2>
|
||||||
<h5><span class="title-head-subtitle row title-bar-container justify-center margin-bottom:50px">Building Secure, Scalable Digital Systems That Move Businesses Forward.</span></h5>
|
<!-- <h5><span class="title-head-subtitle row title-bar-container justify-center margin-bottom:50px">Building Secure, Scalable Digital Systems That Move Businesses Forward.</span></h5>-->
|
||||||
<h5><span class="title-head-subtitle row title-bar-container justify-center margin-bottom:50px">A technology professional focused on
|
<h5><span class="title-head-subtitle row title-bar-container justify-center margin-bottom:50px">A technology professional focused on
|
||||||
enterprise architecture, software engineering, cloud systems, cybersecurity, and digital transformation
|
enterprise architecture, software engineering, cloud systems, cybersecurity, and digital transformation
|
||||||
</span>
|
</span>
|
||||||
@@ -231,146 +231,292 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<!-- <div class="container">-->
|
||||||
<div class="row">
|
<!-- <div class="row">-->
|
||||||
<div class="col col-12 lqd-unit-animation-done" style="">
|
<!-- <div class="col col-12 lqd-unit-animation-done" style="">-->
|
||||||
<div class="w-full relative flex flex-col flex-grow-1 pt-40 pb-10 mb-50 border-bottom border-black module-line">
|
<!-- <div class="w-full relative flex flex-col flex-grow-1 pt-40 pb-10 mb-50 border-bottom border-black module-line">-->
|
||||||
<div class="container-fluid p-0">
|
<!-- <div class="container-fluid p-0">-->
|
||||||
<div class="row items-center">
|
<!-- <div class="row items-center">-->
|
||||||
<div class="col col-2 animation-element lqd-unit-animation-done" style="">
|
<!-- <div class="col col-2 animation-element lqd-unit-animation-done" style="">-->
|
||||||
<div class="w-30percent relative flex border-top border-black-50">
|
<!-- <div class="w-30percent relative flex border-top border-black-50">-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
|
<!---->
|
||||||
|
<!---->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="col col-12 col-md-6 lqd-unit-animation-done" style="">
|
<!-- <div class="col col-12 col-md-6 lqd-unit-animation-done" style="">-->
|
||||||
<div class="lqd-imggrp-container relative mb-2em transition-all ca-initvalues-applied lqd-animations-done" data-custom-animations="true" data-ca-options="{"triggerHandler":"inview","animationTarget":".lqd-imggrp-single","duration":"1800","delay":"160","ease":"power4.out","direction":"forward","initValues":{"y":65,"scaleY":1.1,"opacity":0},"animations":{"y":0,"scaleY":1,"opacity":1}}">
|
<!-- <div class="lqd-imggrp-container relative mb-2em transition-all ca-initvalues-applied lqd-animations-done" data-custom-animations="true" data-ca-options="{"triggerHandler":"inview","animationTarget":".lqd-imggrp-single","duration":"1800","delay":"160","ease":"power4.out","direction":"forward","initValues":{"y":65,"scaleY":1.1,"opacity":0},"animations":{"y":0,"scaleY":1,"opacity":1}}">-->
|
||||||
<div class="lqd-imggrp-inner flex flex-wrap justify-center">
|
<!-- <div class="lqd-imggrp-inner flex flex-wrap justify-center">-->
|
||||||
<div class="lqd-imggrp-single block absolute top-10percent left-0 lqd-unit-animation-done" data-shadow-style="4" style="">
|
<!-- <div class="lqd-imggrp-single block absolute top-10percent left-0 lqd-unit-animation-done" data-shadow-style="4" style="">-->
|
||||||
<div class="lqd-imggrp-img-container">
|
<!-- <div class="lqd-imggrp-img-container">-->
|
||||||
<figure><img class="img-fluid d-block" src="./assets/images/tokslaw.png" alt="Toks Lawal">
|
<!-- <figure><img class="img-fluid d-block" src="./assets/images/tokslaw.png" alt="Toks Lawal">-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="col col-12 col-md-6 lqd-unit-animation-done" style="">
|
<!-- <div class="col col-12 col-md-6 lqd-unit-animation-done" style="">-->
|
||||||
<div class="module-content relative flex flex-col items-start pr-5percent pl-15percent lg:pr-0">
|
<!-- <div class="module-content relative flex flex-col items-start pr-5percent pl-15percent lg:pr-0">-->
|
||||||
<p class="ld-fh-element mb-0/5em text-12 uppercase tracking-0/05em text-black">Who am I?</p>
|
<!-- <p class="ld-fh-element mb-0/5em text-12 uppercase tracking-0/05em text-black">Who am I?</p>-->
|
||||||
<h2 class="ld-fh-element mb-0/4em text-65 leading-0/8em text-black text-init"> Toks Lawal - Tokslaw</h2>
|
<!-- <h2 class="ld-fh-element mb-0/4em text-65 leading-0/8em text-black text-init"> Toks Lawal - Tokslaw</h2>-->
|
||||||
<!-- <p class="ld-fh-element mb-2em text-16 leading-1/6em text-black">I'm an Enterprise Architect and Full-Satck Software Engineer based in Atlanta, USA. I build immersive infrastructure, microservice applications and architecture through carefully crafted code and user-centric solutions</p>-->
|
<!-- <p class="ld-fh-element mb-2em text-16 leading-1/6em text-black">I'm an Enterprise Architect and Full-Satck Software Engineer based in Atlanta, USA. I build immersive infrastructure, microservice applications and architecture through carefully crafted code and user-centric solutions</p>-->
|
||||||
<p class="ld-fh-element mb-2em text-16 leading-1/6em text-black"> I'm an Enterprise Architect and Full-Stack Software Engineer helping organizations modernize applications, strengthen security, and design cloud-ready platforms that support real business growth.</p>
|
<!-- <p class="ld-fh-element mb-2em text-16 leading-1/6em text-black"> I'm an Enterprise Architect and Full-Stack Software Engineer helping organizations modernize applications, strengthen security, and design cloud-ready platforms that support real business growth.</p>-->
|
||||||
<div class="w-full relative">
|
<!-- <div class="w-full relative">-->
|
||||||
<div class="flex flex-wrap -mx-15 mb-50 md:mb-0">
|
<!-- <div class="flex flex-wrap -mx-15 mb-50 md:mb-0">-->
|
||||||
<div class="w-50percent px-15 sm:w-full">
|
<!-- <div class="w-50percent px-15 sm:w-full">-->
|
||||||
<div class="one-bullet-list mb-1em">
|
<!-- <div class="one-bullet-list mb-1em">-->
|
||||||
<ul class="reset-ul module-list">
|
<!-- <ul class="reset-ul module-list">-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Toks Lawal</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Toks Lawal</h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black"><a href="mailto:tokunbolawal4@gmail.com">Email</a></h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="mailto:tokunbolawal4@gmail.com">Email</a></h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black"><a href="https://www.linkedin.com/in/toks-lawal/" target="_blank">
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="https://www.linkedin.com/in/toks-lawal/" target="_blank">-->
|
||||||
LinkedIn
|
<!-- LinkedIn-->
|
||||||
</a></h6></li>
|
<!-- </a></h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black"><a href="https://teams.live.com/meet/9341380056053?p=V911xeL3Quy6VDajy5" target="_blank">
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="https://teams.live.com/meet/9341380056053?p=V911xeL3Quy6VDajy5" target="_blank">-->
|
||||||
Teams
|
<!-- Teams-->
|
||||||
</a></h6></li>
|
<!-- </a></h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black"><a href="tel:+14042038915">
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="tel:+14042038915">-->
|
||||||
404 203-8915
|
<!-- 404 203-8915-->
|
||||||
</a></h6></li>
|
<!-- </a></h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black"><a href="https://www.upwork.com/freelancers/tokslaw" target="_blank">Freelance Available</a></h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="https://www.upwork.com/freelancers/tokslaw" target="_blank">Freelance Available</a></h6></li>-->
|
||||||
|
<!---->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black"><a href="./assets/images/Sr Full Stack Software Engineer_Tokunbo Lawal copy.pdf" target="_blank" class="btn btn-solid">
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="./assets/images/Sr Full Stack Software Engineer_Tokunbo Lawal copy.pdf" target="_blank" class="btn btn-solid">-->
|
||||||
<span><i class="fa fa-download"></i> Download My Resume</span>
|
<!-- <span><i class="fa fa-download"></i> Download My Resume</span>-->
|
||||||
</a></h6></li>
|
<!-- </a></h6></li>-->
|
||||||
|
<!---->
|
||||||
</ul>
|
<!-- </ul>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="w-50percent px-15 sm:w-full">
|
<!-- <div class="w-50percent px-15 sm:w-full">-->
|
||||||
<div class="one-bullet-list mb-1em">
|
<!-- <div class="one-bullet-list mb-1em">-->
|
||||||
<ul class="reset-ul module-list">
|
<!-- <ul class="reset-ul module-list">-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Leadership</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Leadership</h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Problem Solving</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Problem Solving</h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Communication</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Communication</h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Strategy</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Strategy</h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Adaptability</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Adaptability</h6></li>-->
|
||||||
<li><h6 class="flex items-center mb-0/5em text-black">Project Management</h6></li>
|
<!-- <li><h6 class="flex items-center mb-0/5em text-black">Project Management</h6></li>-->
|
||||||
</ul>
|
<!-- </ul>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="btn btn-solid btn-md ">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container col-12 mx-auto text-center">
|
<div class="container col-12 mx-auto text-center">
|
||||||
<hr class="about-section"/>
|
<hr class="about-section" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div class="container">-->
|
|
||||||
<!-- <div class="toks-bio-card">-->
|
<!-- <section id="about1" class="active">-->
|
||||||
<!-- <p class="toks-bio-label">More </p>-->
|
<!-- <div class="container page-title">-->
|
||||||
<!-- <p class="toks-bio-body">-->
|
<!-- <h5 class="ld-fh-element mb-0/5em relative text-40"><span>Experience</span></h5>-->
|
||||||
<!-- This is the digital home of <strong>Tokunbo Lawal - Toks </strong>, a technology professional focused on-->
|
<!-- --><?php //if (!empty($content)) { ?>
|
||||||
<!-- enterprise architecture, software engineering, cloud systems, cybersecurity, and digital transformation.-->
|
<!-- <div class="experience-cards">-->
|
||||||
<!-- With experience across healthcare, SaaS, gaming, logistics, and AI-driven platforms, Toks brings a-->
|
<!-- --><?php //foreach($content as $item) { ?>
|
||||||
<!-- unique blend of hands-on engineering and strategic architecture thinking.-->
|
<!-- <div class="exp-card">-->
|
||||||
<!-- </p>-->
|
<!-- <div class="exp-header">-->
|
||||||
<!-- <p class="toks-bio-mission">-->
|
<!-- <div class="exp-title-group">-->
|
||||||
<!-- Her work builds systems that are not only functional, but-->
|
<!-- <h4 class="exp-role">--><?php //echo htmlspecialchars($item['title']); ?><!--</h4>-->
|
||||||
<!-- <span class="toks-bio-keyword">secure</span>,-->
|
<!-- <span class="exp-company">--><?php //echo htmlspecialchars($item['company']); ?><!--</span>-->
|
||||||
<!-- <span class="toks-bio-keyword">scalable</span>,-->
|
<!-- </div>-->
|
||||||
<!-- <span class="toks-bio-keyword">resilient</span>,-->
|
<!-- <span class="exp-duration">--><?php //echo htmlspecialchars($item['duration']); ?><!--</span>-->
|
||||||
<!-- and aligned with business goals.-->
|
<!-- </div>-->
|
||||||
<!-- </p>-->
|
<!-- <hr class="exp-divider">-->
|
||||||
<!-- <hr class="exp-divider">-->
|
<!-- <p class="exp-description">--><?php //echo nl2br(htmlspecialchars($item['description'])); ?><!--</p>-->
|
||||||
<!-- <div class="toks-bio-tags">-->
|
<!-- </div>-->
|
||||||
<!-- <span class="toks-bio-tag">Healthcare</span>-->
|
<!-- --><?php //} ?>
|
||||||
<!-- <span class="toks-bio-tag">SaaS</span>-->
|
<!-- </div>-->
|
||||||
<!-- <span class="toks-bio-tag">Gaming</span>-->
|
<!-- --><?php //} ?>
|
||||||
<!-- <span class="toks-bio-tag">Logistics</span>-->
|
|
||||||
<!-- <span class="toks-bio-tag">AI Platforms</span>-->
|
|
||||||
<!-- <span class="toks-bio-tag">Cybersecurity</span>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<!-- <hr class="exp-divider">-->
|
<!-- </section>-->
|
||||||
<!-- </div>-->
|
|
||||||
|
|
||||||
|
|
||||||
<section id="about1" class="active">
|
|
||||||
<div class="container page-title">
|
|
||||||
<h5 class="ld-fh-element mb-0/5em relative text-40"><span>Experience</span></h5>
|
|
||||||
<?php if (!empty($content)) { ?>
|
|
||||||
<div class="experience-cards">
|
|
||||||
<?php foreach($content as $item) { ?>
|
|
||||||
<div class="exp-card">
|
|
||||||
<div class="exp-header">
|
|
||||||
<div class="exp-title-group">
|
|
||||||
<h4 class="exp-role"><?php echo htmlspecialchars($item['title']); ?></h4>
|
|
||||||
<span class="exp-company"><?php echo htmlspecialchars($item['company']); ?></span>
|
|
||||||
</div>
|
|
||||||
<span class="exp-duration"><?php echo htmlspecialchars($item['duration']); ?></span>
|
|
||||||
</div>
|
|
||||||
<hr class="exp-divider">
|
|
||||||
<p class="exp-description"><?php echo nl2br(htmlspecialchars($item['description'])); ?></p>
|
|
||||||
</div>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
|
||||||
|
<div class="flex justify-center mb-10" style="opacity: 1; transform: none;">
|
||||||
|
<div class="relative">
|
||||||
|
<div class="absolute -inset-1 rounded-2xl bg-gradient-to-br from-primary/40 to-accent/40 blur-xl"></div>
|
||||||
|
<img src="./assets/images/tokslawal.png" alt="Toks Lawal" class="relative w-56 h-56 sm:w-64 sm:h-64 md:w-72 md:h-72 object-cover object-top rounded-2xl border border-primary/20 shadow-glow">
|
||||||
|
</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, PHP, Laravel, CodeIgniter, Node.js, Java, Spring Boot, MySQL, PostgreSQL, AWS, Docker, Kubernetes, GitHub, GitLab, Jenkins, and CI/CD pipelines.
|
||||||
|
</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" />
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<footer id="site-footer" class="main-footer bg-transparent py-70" style="background-image: linear-gradient(170deg, #2D3140 0%, #19272C 100%);">
|
<footer id="site-footer" class="main-footer bg-transparent py-70" style="background-image: linear-gradient(170deg, #2D3140 0%, #19272C 100%);">
|
||||||
@@ -425,7 +571,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="https://blog.tokslaw.com" target="_blank">
|
||||||
Community
|
Community
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Reference in New Issue
Block a user