About page modified

This commit is contained in:
2025-02-19 00:10:16 -05:00
parent d41906722f
commit fa3c7e31be
3 changed files with 90 additions and 141 deletions
+85 -73
View File
@@ -28,7 +28,7 @@
<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">
<div class="bg-white" id="wrap">
<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">
@@ -77,35 +77,8 @@
</a>
</span>
</div>
<div class="mr-30 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
<ul class="reset-ul inline-ul link-13 link-black">
<li class="mr-30">
<a href="#" target="_self">
<span class="link-icon hide-if-empty left-icon icon-next-to-label"></span>
Privacy Policy
</a>
</li>
<li>
<a href="#" target="_self">
<span class="link-icon hide-if-empty left-icon icon-next-to-label"></span>
Contact
</a>
</li>
</ul>
</div>
<div class="ld-dropdown-menu flex relative" role="menubar">
<span class="ld-module-trigger" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#dropdown-select-language" aria-controls="dropdown-select-language" aria-expanded="false" data-toggle-options='{ "type": "hoverFade" }'>
<span class="ld-module-trigger-txt text-14 text-black">🇺🇸 English <i class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
</span>
<div class="ld-module-dropdown left collapse absolute" id="dropdown-select-language" aria-expanded="false" role="menuitem">
<div class="link-black ld-dropdown-menu-content">
<ul>
<li><a>Dutch</a></li>
<li><a>French</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -253,57 +226,97 @@
<h2 class= "ld-fh-element mb-0/5em relative text-50 text-rotator-activated text-center margin-top:30px">about <span>me</span></h2>
<h5><span class="title-head-subtitle row titlebar-container justify-center margin-bottom:50px">I develop, design and code solutions, and I love what I do.</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 class="container infos">
<div class="row personal-info">
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<div class="image-container">
<img class="img-fluid d-block" src="./assets/images/tokslaw.png" alt="Toks Lawal">
</div>
<p class="d-block d-md-none margin-top:50px">
I'm an Enterprise Architect and Developer based in Atlanta, USA. I build immersive infrastructure, microservice
applications and architecture through carefully crafted code and user-centric solutions.
</p>
</div>
<div class="row col-xl-6 col-lg-6 col-md-12">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
<ul class="list-1">
<li><h6><span class="font-weight-600">First Name:</span> Toks</h6></li>
<li><h6><span class="font-weight-600">Last Name:</span> Lawal</h6></li>
<li><h6><span class="font-weight-600">Birthdate:</span> 07 July</h6></li>
<li><h6><span class="font-weight-600">Nationality:</span> American</h6></li>
<li><h6><span class="font-weight-600">Experience:</span> 8 years</h6></li>
<li><h6><span class="font-weight-600">Address:</span> Atlanta</h6></li>
</ul>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
<ul class="list-2">
<li><h6><span class="font-weight-600">Freelance:</span> Available</h6></li>
<li><h6><span class="font-weight-600">Languages:</span> English</h6></li>
<li><h6><span class="font-weight-600">Phone:</span> 404 203-8915</h6></li>
<li><h6><span class="font-weight-600">Email:</span> <a href="mailto:tokunbolawal4@gmail.com">tokunbolawal4@gmail.com</a></h6></li>
<li><h6><span class="font-weight-600">Skype:</span> tokunbo.lawal1</h6></li>
<li><h6><span class="font-weight-600">LinkedIn:</span> <a href="https://linkedin.com/in/toks-lawal">linkedin/in/toks-lawal</a></h6></li>
</ul>
</div>
<div class="btn btn-solid btn-md ">
<a href="./assets/images/Tokunbo_Lawal_Resume.pdf" class="btn btn-solid">
<span><i class="fa fa-download"></i> Download My Resume</span>
</a>
</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="{&quot;triggerHandler&quot;:&quot;inview&quot;,&quot;animationTarget&quot;:&quot;.lqd-imggrp-single&quot;,&quot;duration&quot;:&quot;1800&quot;,&quot;delay&quot;:&quot;160&quot;,&quot;ease&quot;:&quot;power4.out&quot;,&quot;direction&quot;:&quot;forward&quot;,&quot;initValues&quot;:{&quot;y&quot;:65,&quot;scaleY&quot;:1.1,&quot;opacity&quot;:0},&quot;animations&quot;:{&quot;y&quot;:0,&quot;scaleY&quot;:1,&quot;opacity&quot;: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">Tokunbo Strategy</h2>
<p class="ld-fh-element mb-2em text-16 leading-1/6em text-black">I'm an Enterprise Architect and Developer based in Atlanta, USA. I build immersive infrastructure, microservice applications and architecture through carefully crafted code and user-centric solutions..</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/">
LinkedIn
</a></h6></li>
<li><h6 class="flex items-center mb-0/5em text-black"><a href="https://join.skype.com/invite/mHW2GYuPZ4WK">
Skype
</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">Freelance Available</h6></li>
<li><h6 class="flex items-center mb-0/5em text-black"><a href="./assets/images/Tokunbo_Lawal_Resume.pdf" 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="btn btn-solid btn-md ">
</div>
</div>
<div class="container col-12 mx-auto text-center">
<hr class="about-section">
</div>
<section class="py-10">
<div>
<h5 class="text-center"><span>Experience</span></h5>
<section id="about" 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-container">
<?php foreach($content as $item) { ?>
@@ -489,9 +502,8 @@
</div>
</div>
</footer>
</div>
</div>
</body>
</html>
+5 -39
View File
@@ -40,7 +40,7 @@
<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">Update </h6>
<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>
@@ -82,35 +82,6 @@
</a>
</span>
</div>
<div class="mr-30 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
<ul class="reset-ul inline-ul link-13 link-black">
<li class="mr-30">
<a href="#" target="_self">
<span class="link-icon hide-if-empty left-icon icon-next-to-label"></span>
Privacy Policy
</a>
</li>
<li>
<a href="#" target="_self">
<span class="link-icon hide-if-empty left-icon icon-next-to-label"></span>
Contact
</a>
</li>
</ul>
</div>
<div class="ld-dropdown-menu flex relative" role="menubar">
<span class="ld-module-trigger" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#dropdown-select-language" aria-controls="dropdown-select-language" aria-expanded="false" data-toggle-options='{ "type": "hoverFade" }'>
<span class="ld-module-trigger-txt text-14 text-black">🇺🇸 English <i class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
</span>
<div class="ld-module-dropdown left collapse absolute" id="dropdown-select-language" aria-expanded="false" role="menuitem">
<div class="link-black ld-dropdown-menu-content">
<ul>
<li><a>Dutch</a></li>
<li><a>French</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -152,12 +123,7 @@
</span>
</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>
@@ -184,7 +150,7 @@
</div>
</div>
<a href="#contact-modal" 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">Join the community </span>
<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>
@@ -460,7 +426,7 @@
<ul class="reset-ul module-list">
<li class="flex items-center mb-0/5em text-black">Web Development</li>
<li class="flex items-center mb-0/5em text-black">Brand Strategy</li>
<li class="flex items-center mb-0/5em text-black">Art Direction</li>
<li class="flex items-center mb-0/5em text-black">App Development</li>
<li class="flex items-center mb-0/5em text-black">Graphic Design</li>
<li class="flex items-center mb-0/5em text-black">Print Design</li>
<li class="flex items-center mb-0/5em text-black">Motion Graphics</li>
@@ -684,7 +650,7 @@
</a>
</li>
<li class="mb-15">
<a href="#">
<a href="https://www.linkedin.com/in/toks-lawal/">
Linkedin
</a>
</li>
-29
View File
@@ -79,35 +79,6 @@
</a>
</span>
</div>
<div class="mr-30 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
<ul class="reset-ul inline-ul link-13 link-black">
<li class="mr-30">
<a href="#" target="_self">
<span class="link-icon hide-if-empty left-icon icon-next-to-label"></span>
Privacy Policy
</a>
</li>
<li>
<a href="#" target="_self">
<span class="link-icon hide-if-empty left-icon icon-next-to-label"></span>
Contact
</a>
</li>
</ul>
</div>
<div class="ld-dropdown-menu flex relative" role="menubar">
<span class="ld-module-trigger" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#dropdown-select-language" aria-controls="dropdown-select-language" aria-expanded="false" data-toggle-options='{ "type": "hoverFade" }'>
<span class="ld-module-trigger-txt text-14 text-black">🇺🇸 English <i class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
</span>
<div class="ld-module-dropdown left collapse absolute" id="dropdown-select-language" aria-expanded="false" role="menuitem">
<div class="link-black ld-dropdown-menu-content">
<ul>
<li><a>Dutch</a></li>
<li><a>French</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>