forked from Chiefsoft/TaborgMain
About page modified
This commit is contained in:
+85
-73
@@ -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="{"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">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
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user