more styles added to about
This commit is contained in:
+20
-119
@@ -220,133 +220,35 @@
|
||||
</header>
|
||||
|
||||
|
||||
<section id="about" class="active">
|
||||
<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 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">A technology professional focused on
|
||||
enterprise architecture, software engineering, cloud systems, cybersecurity, and digital transformation
|
||||
<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>
|
||||
|
||||
|
||||
<!-- <div class="container">-->
|
||||
<!-- <div class="row">-->
|
||||
<!-- <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="container-fluid p-0">-->
|
||||
<!-- <div class="row items-center">-->
|
||||
<!-- <div class="col col-2 animation-element lqd-unit-animation-done" style="">-->
|
||||
<!-- <div class="w-30percent relative flex border-top border-black-50">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!---->
|
||||
<!---->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <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-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-img-container">-->
|
||||
<!-- <figure><img class="img-fluid d-block" src="./assets/images/tokslaw.png" alt="Toks Lawal">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <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">-->
|
||||
<!-- <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>-->
|
||||
<!-- <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>-->
|
||||
<!-- <div class="w-full relative">-->
|
||||
<!-- <div class="flex flex-wrap -mx-15 mb-50 md:mb-0">-->
|
||||
<!-- <div class="w-50percent px-15 sm:w-full">-->
|
||||
<!-- <div class="one-bullet-list mb-1em">-->
|
||||
<!-- <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"><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">-->
|
||||
<!-- LinkedIn-->
|
||||
<!-- </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">-->
|
||||
<!-- Teams-->
|
||||
<!-- </a></h6></li>-->
|
||||
<!-- <li><h6 class="flex items-center mb-0/5em text-black"><a href="tel:+14042038915">-->
|
||||
<!-- 404 203-8915-->
|
||||
<!-- </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">-->
|
||||
<!-- <span><i class="fa fa-download"></i> Download My Resume</span>-->
|
||||
<!-- </a></h6></li>-->
|
||||
<!---->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="w-50percent px-15 sm:w-full">-->
|
||||
<!-- <div class="one-bullet-list mb-1em">-->
|
||||
<!-- <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">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">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">Project Management</h6></li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
<div class="container col-12 mx-auto text-center">
|
||||
<hr class="about-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>
|
||||
<div class="container col-12 mx-auto text-center about-divider">
|
||||
<hr class="about-section" />
|
||||
</div>
|
||||
|
||||
<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 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>
|
||||
@@ -516,7 +418,6 @@
|
||||
</section>
|
||||
<hr class="about-section" />
|
||||
|
||||
</section>
|
||||
|
||||
<div>
|
||||
<footer id="site-footer" class="main-footer bg-transparent py-70" style="background-image: linear-gradient(170deg, #2D3140 0%, #19272C 100%);">
|
||||
|
||||
Reference in New Issue
Block a user