social links added

This commit is contained in:
2025-02-18 18:09:12 -05:00
parent 94bc96d080
commit e18a470bb6
4 changed files with 40 additions and 17 deletions
+5 -4
View File
@@ -18,6 +18,7 @@
<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="styles.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -249,8 +250,8 @@
<section id="about" class="active">
<div class="container page-title text-center">
<h2 class= "ld-fh-element mb-0/5em relative text-50 text-rotator-activated text-center">about <span>me</span></h2>
<h5><span class="title-head-subtitle row titlebar-container justify-center">I develop, design and code solutions, and I love what I do.</span></h5>
<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 infos">
@@ -259,7 +260,7 @@
<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">
<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>
@@ -285,7 +286,7 @@
<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">
<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>
+12 -3
View File
@@ -473,7 +473,7 @@
<div class="col col-12 -mt-4/5em md:mt-0">
<div class="ld-fancy-heading mask-text">
<p class="ld-fh-element mb-0/5em lqd-split-lines text-18 leading-28" data-split-text="true" data-split-options='{ "type" : "lines" }' data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview" , "animationTarget" : ".lqd-lines > .split-inner" , "duration" : "1800" , "delay" : "250" , "ease" : "power4.out" , "direction" : "forward" , "initValues" : {"y" :80}, "animations" : {"y" :0} }'>
Hi, my name is Toks! I am a self-taught software engineer with diverse experience in enterprise architecture, application development and full-stack engineering. I build products so that it is functional and user friendly but at the same time attractive. My aim is to bring across your message and identity . I also have major skills in Cybersecurity.
Hi, my name is Toks! I am a self-taught software engineer with diverse experience in enterprise architecture, application development and full-stack engineering. I build products so that it is functional and user-friendly but at the same time attractive. My aim is to bring across your message and identity . I also have major skills in Cybersecurity.
</p>
</div>
</div>
@@ -697,13 +697,22 @@
<div class="lqd-fancy-menu lqd-menu-td-none mb-35">
<ul class="reset-ul inline-nav flex items-center justify-end -mx-20 md:justify-start">
<li class="w-auto inline-flex justify-end mx-20">
<a class="text-white" href="#" target="_blank"> Facebook</a>
<a class="text-white" href="https://www.facebook.com/tokunbo.lawal.1485" target="_blank"> Facebook</a>
</li>
<li class="w-auto inline-flex justify-end mx-20">
<a class="text-white" href="https://blog.tokslaw.com/" target="_blank"> Blog</a>
</li>
<li class="w-auto inline-flex justify-end mx-20">
<a class="text-white" href="#" target="_blank"> Instagram</a>
<a class="text-white" href="https://x.com/Tokslaw1" target="_blank"> Twitter</a>
</li>
<li class="w-auto inline-flex justify-end mx-20">
<a class="text-white" href="https://www.instagram.com/tokslawdev/" target="_blank"> Instagram</a>
</li>
<li class="w-auto inline-flex justify-end mx-20">
<a class="text-white" href="https://www.youtube.com/@tokslawdev" target="_blank"> Youtube</a>
</li>
<li class="w-auto inline-flex justify-end mx-20">
<a class="text-white" href="https://www.linkedin.com/in/toks-lawal/" target="_blank"> LinkedIn</a>
</li>
</ul>
</div>
+13
View File
@@ -0,0 +1,13 @@
li{
font-family: Helvetica, Arial, serif;
}
.column{
flex:50%;
padding: 10px;
height: 300px;
}
.row{
display: flex;
}
+10 -10
View File
@@ -63,7 +63,7 @@
</a>
</span>
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
<a href="#" class="icon social-icon hover:svg-black" target="_blank">
<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>
@@ -1607,15 +1607,15 @@
<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="#" class="icon social-icon social-icon-gitlab" target="_blank">
<span class="sr-only">Gitlab</span>
<a href="#" 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="#" class="icon social-icon social-icon-instagram" target="_blank">
<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>
@@ -1623,15 +1623,15 @@
</a>
</span>
<span class="grid-item">
<a href="#" class="icon social-icon social-icon-spotify" target="_blank">
<span class="sr-only">Spotify</span>
<a href="https://blog.tokslaw.com" class="icon social-icon social-icon-spotify" target="_blank">
<span class="sr-only">Blog</span>
<svg viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
<path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z" fill="#FFFFFFB0"></path>
</svg>
</a>
</span>
<span class="grid-item">
<a href="#" class="icon social-icon social-icon-facebook" target="_blank">
<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>
@@ -1639,7 +1639,7 @@
</a>
</span>
<span class="grid-item">
<a href="#" class="icon social-icon social-icon-twitter" target="_blank">
<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>
@@ -1647,8 +1647,8 @@
</a>
</span>
<span class="grid-item">
<a href="#" class="icon social-icon social-icon-medium" target="_blank">
<span class="sr-only">Medium</span>
<a href="https://www.linkedin.com/in/toks-lawal/" class="icon social-icon social-icon-LinkedIn" target="_blank">
<span class="sr-only">LinkedIn</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>