1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / nc6d095 / nisan.space /
Filename : index-bk.php
back
<?php
include 'nisan-admin/inc/config.php';
include 'inc/head.php';
?>

    <div class="content-wrapper">
        <?php include 'inc/header.php'; ?>
        <!-- /header -->
        <section class="section-frame mx-xxl-11 overflow-hidden">
            <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-400" data-image-src="<?= $mainRoot ?>assets/img/main/bg/pattern-2.jpg">
                <div class="container py-16 py-md-18 text-center position-relative">
                    <div class="position-absolute shape ash d-none d-lg-block w-5" style="top: 18%; left: 5%;"><img src="assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="position-absolute shape ash d-none d-lg-block w-10" style="bottom: 30%; left: 2%;"><img src="assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="position-absolute shape ash d-none d-lg-block w-6" style="top: 20%; right: 2%; transform: rotate(70deg);"><img src="assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="position-absolute shape ash d-none d-lg-block w-6" style="bottom: 28%; right: 5%;"><img src="assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="row">
                        <div class="col-lg-9 col-xxl-8 mx-auto text-white">
                            <h1 class="display-1 fs-70 px-md-10 px-lg-0 px-xl-8 mb-5 text-white">👋 Hello! I'm Tolulope, and I'm dedicated to illuminating the ICT landscape.</h1>
                            <p class="lead fs-24 px-md-10 px-lg-0 mx-lg-n10 mx-xl-0 mb-8">your ICT visionary, lighting the path of innovation. Come with me as we navigate the ever-evolving digital landscape </p>
                            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">See My Works <i class="uil uil-arrow-up-right"></i></a>
                        </div>
                        <!-- /column -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container -->
            </div>
            <!-- /.wrapper -->
        </section>
        <!-- /section -->

        <section class="wrapper bg-light">
            <div class="container py-16 py-md-18">
                <div class="row d-flex align-items-start gy-10 mb-18 mb-md-20">
                    <div class="col-lg-5 position-lg-sticky" style="top: 8rem;">
                        <h3 class="display-2 mb-5">Driving Business Excellence through Technology</h3>
                        <p class="mb-7">We are your trusted partner in ICT innovation. Our services encompass IT strategy, cloud integration, and virtualization, enabling you to drive business excellence and stay competitive in a tech-driven world.</p>
                        <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">More Details <i class="uil uil-arrow-up-right"></i></a>
                    </div>
                    <!-- /column -->
                    <div class="col-lg-6 ms-auto">
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Custom Software Development</h3>
                                    <p class="mb-0">Craft tailored software solutions to address unique business challenges, streamlining operations, and boosting efficiency. Our custom software is designed to fit your precise needs, enhancing productivity and reducing manual processes.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Website Development</h3>
                                    <p class="mb-0">We specialize in creating stunning and responsive websites that not only look great but also function seamlessly. From personal blogs to e-commerce platforms, we develop websites that leave a lasting impression.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Mobile App Development</h3>
                                    <p class="mb-0">Our mobile app development services cover iOS and Android platforms, ensuring that your app reaches a wide audience. We bring your ideas to life with user-friendly, feature-rich mobile applications.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Network Setup and Configuration</h3>
                                    <p class="mb-0">As network experts, we design, implement, and configure robust network solutions to keep your business connected and secure. Our solutions are tailored to meet your unique networking requirements.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/video-editing.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">IT Strategy and Consultation</h3>
                                    <p class="mb-0">Receive strategic guidance on technology decisions, aligning your IT investments with your business objectives. Our consultations help you make informed choices that drive growth and innovation.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Project Management</h3>
                                    <p class="mb-0">From initiation to delivery, we lead and manage your IT projects, ensuring they stay on time and within budget. Our expertise guarantees successful project execution.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">IT Support and Maintenance</h3>
                                    <p class="mb-0">Our reliable IT support and maintenance services keep your systems running smoothly. We're available to address issues, apply updates, and ensure minimal downtime.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">IT Training and Workshops</h3>
                                    <p class="mb-0">Empower your team with our comprehensive training and workshops on a variety of ICT topics. Enhance your workforce's knowledge and skills for improved efficiency.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Database Optimization</h3>
                                    <p class="mb-0">Boost database performance and efficiency with our optimization services. We fine-tune your databases to ensure they operate at peak capacity.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">Data Backup and Recovery</h3>
                                    <p class="mb-0">Protect your data with robust backup solutions, and should a disaster occur, rely on us for swift and effective data recovery. Your critical information is in safe hands.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash mb-6">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">IT Auditing</h3>
                                    <p class="mb-0">Our thorough IT audits evaluate your systems, policies, and procedures for compliance and efficiency. We provide actionable insights to improve your IT environment.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                        <div class="card bg-soft-ash">
                            <div class="card-body d-flex flex-row">
                                <div>
                                    <img src="assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-ash me-5" alt="" />
                                </div>
                                <div>
                                    <h3 class="fs-21 mb-2">E-commerce Solutions</h3>
                                    <p class="mb-0">Elevate your online business with our e-commerce solutions. We design, develop, and manage online stores, ensuring a seamless shopping experience for your customers.</p>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /column -->
                </div>
                <!-- /.row -->
                <div class="row align-items-center mb-10">
                    <div class="col-md-8 col-lg-9 col-xl-8 col-xxl-7">
                        <h2 class="display-2 mb-0">Check out some of my latest projects with creative ideas.</h2>
                    </div>
                    <!--/column -->
                    <div class="col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0">
                        <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end mb-0">See All Projects <i class="uil uil-arrow-up-right"></i></a>
                    </div>
                    <!--/column -->
                </div>
                <!--/.row -->
                <div class="demos-wrapper">
                    <div class="project mb-10">
                        <div class="card bg-soft-grape">
                            <div class="card-body ps-xl-12 py-0 overflow-hidden">
                                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">
                                    <div class="col-lg-7">
                                        <div class="row gx-7">
                                            <div class="col-6">
                                                <figure class="itooltip itooltip-grape mt-9" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="./demo18.html" target="_blank"><img class="shadow-lg rounded-top" src="./assets/img/demos/d18-1.jpg" srcset="./assets/img/demos/d18-1@2x.jpg 2x" alt="" /></a></figure>
                                            </div>
                                            <!-- /column -->
                                            <div class="col-6">
                                                <figure class="itooltip itooltip-grape" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="./demo18.html" target="_blank"><img class="shadow-lg rounded-bottom" src="./assets/img/demos/d18-2.jpg" srcset="./assets/img/demos/d18-2@2x.jpg 2x" alt="" /></a></figure>
                                            </div>
                                            <!-- /column -->
                                        </div>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /column -->
                                    <div class="col-lg-5 d-none d-lg-block">
                                        <h2 class="post-title fs-30 mb-4">Demo Layout XVIII</h2>
                                        <ul class="icon-list bullet-grape row ms-0 gy-2">
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Network, Marketing</span></li>
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>SVG icons</span></li>
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>3D illustrations</span></li>
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Gradient image</span></li>
                                        </ul>
                                        <a href="./demo18.html" target="_blank" class="btn btn-sm btn-grape rounded-pill mt-1">See Demo</a>
                                    </div>
                                    <!-- /column -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!--/.card-body -->
                        </div>
                        <!--/.card -->
                    </div>
                    <!-- /.project -->
                    <div class="project">
                        <div class="card bg-soft-fuchsia">
                            <div class="card-body ps-xl-12 py-0 overflow-hidden">
                                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">
                                    <div class="col-lg-7">
                                        <div class="row gx-7">
                                            <div class="col-6">
                                                <figure class="itooltip itooltip-fuchsia mt-9" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="./demo19.html" target="_blank"><img class="shadow-lg rounded-top" src="./assets/img/demos/d19-1.jpg" srcset="./assets/img/demos/d19-1@2x.jpg 2x" alt="" /></a></figure>
                                            </div>
                                            <!-- /column -->
                                            <div class="col-6">
                                                <figure class="itooltip itooltip-fuchsia" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="./demo19.html" target="_blank"><img class="shadow-lg rounded-bottom" src="./assets/img/demos/d19-2.jpg" srcset="./assets/img/demos/d19-2@2x.jpg 2x" alt="" /></a></figure>
                                            </div>
                                            <!-- /column -->
                                        </div>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /column -->
                                    <div class="col-lg-5 d-none d-lg-block">
                                        <h2 class="post-title fs-30 mb-4">Demo Layout XIX</h2>
                                        <ul class="icon-list bullet-fuchsia row ms-0 gy-2">
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Agency, Startup</span></li>
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Gradient image</span></li>
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>SVG icons</span></li>
                                            <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Colorful design</span></li>
                                        </ul>
                                        <a href="./demo19.html" target="_blank" class="btn btn-sm btn-fuchsia rounded-pill mt-1">See Demo</a>
                                    </div>
                                    <!-- /column -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!--/.card-body -->
                        </div>
                        <!--/.card -->
                    </div>
                    <!-- /.project -->
                    <div class="text-center mt-12"><a href="#" class="btn btn-primary rounded-pill">See All Demos</a></div>
                </div>
                <!-- /.demos-wrapper -->
            </div>
            <!-- /.container -->
        </section>
        <!-- /section -->

        <section class="section-frame mx-xxl-11">
            <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-400 section-frame-wrapper" data-image-src="<?= $mainRoot ?>assets/img/main/bg/pattern-2.jpg">
                <div class="container py-16 py-md-18">
                    <div class="row">
                        <div class="col-md-10 col-lg-9 col-xl-8 mx-auto text-center">
                            <h3 class="display-2 mb-10 px-xxl-10 text-white">Don't take our word for it. See what customers are saying about us.</h3>
                        </div>
                        <!-- /column -->
                    </div>
                    <!-- /.row -->
                    <div class="swiper-container dots-closer mb-6" data-margin="0" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="item-inner">
                                        <div class="card">
                                            <div class="card-body">
                                                <blockquote class="icon mb-0">
                                                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>
                                                    <div class="blockquote-details">
                                                        <img class="rounded-circle w-12" src="./assets/img/avatars/te1.jpg" srcset="./assets/img/avatars/te1@2x.jpg 2x" alt="" />
                                                        <div class="info">
                                                            <h5 class="mb-1">Coriss Ambady</h5>
                                                            <p class="mb-0">Financial Analyst</p>
                                                        </div>
                                                    </div>
                                                </blockquote>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                                <!--/.swiper-slide -->
                                <div class="swiper-slide">
                                    <div class="item-inner">
                                        <div class="card">
                                            <div class="card-body">
                                                <blockquote class="icon mb-0">
                                                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>
                                                    <div class="blockquote-details">
                                                        <img class="rounded-circle w-12" src="./assets/img/avatars/te2.jpg" srcset="./assets/img/avatars/te2@2x.jpg 2x" alt="" />
                                                        <div class="info">
                                                            <h5 class="mb-1">Cory Zamora</h5>
                                                            <p class="mb-0">Marketing Specialist</p>
                                                        </div>
                                                    </div>
                                                </blockquote>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                                <!--/.swiper-slide -->
                                <div class="swiper-slide">
                                    <div class="item-inner">
                                        <div class="card">
                                            <div class="card-body">
                                                <blockquote class="icon mb-0">
                                                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>
                                                    <div class="blockquote-details">
                                                        <img class="rounded-circle w-12" src="./assets/img/avatars/te3.jpg" srcset="./assets/img/avatars/te3@2x.jpg 2x" alt="" />
                                                        <div class="info">
                                                            <h5 class="mb-1">Nikolas Brooten</h5>
                                                            <p class="mb-0">Sales Manager</p>
                                                        </div>
                                                    </div>
                                                </blockquote>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                                <!--/.swiper-slide -->
                                <div class="swiper-slide">
                                    <div class="item-inner">
                                        <div class="card">
                                            <div class="card-body">
                                                <blockquote class="icon mb-0">
                                                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>
                                                    <div class="blockquote-details">
                                                        <img class="rounded-circle w-12" src="./assets/img/avatars/te4.jpg" srcset="./assets/img/avatars/te4@2x.jpg 2x" alt="" />
                                                        <div class="info">
                                                            <h5 class="mb-1">Coriss Ambady</h5>
                                                            <p class="mb-0">Financial Analyst</p>
                                                        </div>
                                                    </div>
                                                </blockquote>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                                <!--/.swiper-slide -->
                                <div class="swiper-slide">
                                    <div class="item-inner">
                                        <div class="card">
                                            <div class="card-body">
                                                <blockquote class="icon mb-0">
                                                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>
                                                    <div class="blockquote-details">
                                                        <img class="rounded-circle w-12" src="./assets/img/avatars/te5.jpg" srcset="./assets/img/avatars/te5@2x.jpg 2x" alt="" />
                                                        <div class="info">
                                                            <h5 class="mb-1">Jackie Sanders</h5>
                                                            <p class="mb-0">Investment Planner</p>
                                                        </div>
                                                    </div>
                                                </blockquote>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                                <!--/.swiper-slide -->
                                <div class="swiper-slide">
                                    <div class="item-inner">
                                        <div class="card">
                                            <div class="card-body">
                                                <blockquote class="icon mb-0">
                                                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p>
                                                    <div class="blockquote-details">
                                                        <img class="rounded-circle w-12" src="./assets/img/avatars/te6.jpg" srcset="./assets/img/avatars/te6@2x.jpg 2x" alt="" />
                                                        <div class="info">
                                                            <h5 class="mb-1">Laura Widerski</h5>
                                                            <p class="mb-0">Sales Specialist</p>
                                                        </div>
                                                    </div>
                                                </blockquote>
                                            </div>
                                            <!-- /.card-body -->
                                        </div>
                                        <!-- /.card -->
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                                <!--/.swiper-slide -->
                            </div>
                            <!--/.swiper-wrapper -->
                        </div>
                        <!-- /.swiper -->
                    </div>
                    <!-- /.swiper-container -->
                </div>
                <!-- /.container -->
            </div>
            <!-- /.wrapper -->
        </section>
        <!-- /section -->
        <section class="wrapper bg-light">
            <div class="container py-16 py-md-18">
                <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center mt-lg-18 mb-16 mb-md-18">
                    <div class="col-md-8 col-lg-6 mx-auto">
                        <div class="img-mask mask-3 px-xxl-5"><img src="assets/img/avatars/avatar.jpg" srcset="./assets/img/avatars/avatar@2x.jpg 2x" alt="" /></div>
                    </div>
                    <!--/column -->
                    <div class="col-lg-6">
                        <h2 class="display-2 mb-3">More about me</h2>
                        <p class="lead fs-24">👋 Hello! I'm Camille, a multidisciplinary product designer 🧸 based in New York City 🚕. I’m very passionate about the work 💌 that I do.</p>
                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa justo sit amet risus.</p>
                        <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.</p>
                        <a href="#" class="btn btn-primary btn-icon btn-icon-end mt-2">Learn More <i class="uil uil-arrow-up-right"></i></a>
                    </div>
                    <!--/column -->
                </div>
                <!-- /.row -->
                <div class="row gx-md-8 gx-xl-12 gy-10">
                    <div class="col-lg-5 mx-auto">
                        <h2 class="display-2 mb-3">My experiences</h2>
                        <p class="lead fs-24 pe-xxl-8">I've had the pleasure to work with companies 🏢 across a variety of industries 🏛️ I'm always interested in new ✨ and exciting adventures 🧨</p>
                        <a href="#" class="btn btn-primary btn-icon btn-icon-end mt-2">Download Resume <i class="uil uil-arrow-up-right"></i></a>
                    </div>
                    <!--/column -->
                    <div class="col-lg-7">
                        <ul class="timeline">
                            <li class="timeline-item">
                                <div class="timeline-info meta fs-14">Nov 2017 - Present</div>
                                <div class="timeline-marker"></div>
                                <div class="timeline-content">
                                    <h3 class="timeline-title">Creative Director at Malory House</h3>
                                    <p>Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non euismod id nulla.</p>
                                </div>
                            </li>
                            <li class="timeline-item">
                                <div class="timeline-info meta fs-14">Sep 2015 - Apr 2017</div>
                                <div class="timeline-marker"></div>
                                <div class="timeline-content">
                                    <h3 class="timeline-title">Senior Developer at Longwave Studio</h3>
                                    <p>Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.</p>
                                </div>
                            </li>
                            <li class="timeline-item">
                                <div class="timeline-info meta fs-14">May 2011 - Sep 2015</div>
                                <div class="timeline-marker"></div>
                                <div class="timeline-content">
                                    <h3 class="timeline-title">Junior Developer at Webpaint Media</h3>
                                    <p>Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!--/column -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container -->
        </section>
        <!-- /section -->
        <section class="section-frame mx-xxl-11 overflow-hidden">
            <div class="wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-400" data-image-src="<?= $mainRoot ?>assets/img/main/bg/pattern-2.jpg">
                <div class="container py-16 py-md-18 text-center">
                    <div class="position-absolute shape ash d-none d-lg-block w-5" style="top: 18%; left: 5%;"><img src="assets/img/svg/pie.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="position-absolute shape ash d-none d-lg-block w-10" style="bottom: 30%; left: 2%;"><img src="assets/img/svg/scribble.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="position-absolute shape ash d-none d-lg-block w-6" style="top: 20%; right: 2%; transform: rotate(70deg);"><img src="assets/img/svg/tri.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="position-absolute shape ash d-none d-lg-block w-6" style="bottom: 28%; right: 5%;"><img src="assets/img/svg/circle.svg" class="svg-inject icon-svg w-100 h-100" alt="" /></div>
                    <div class="row">
                        <div class="col-lg-9 col-xxl-8 mx-auto">
                            <h1 class="display-1 fs-70 mx-lg-n10 mx-xl-0 mb-5 text-white">Got a project in mind? Let's work together. ✌️</h1>
                            <p class="lead fs-24 px-md-12 px-lg-0 mx-lg-n10 mx-xl-0 mb-8 text-white">I bring rapid solutions to make the life of my clients easier. Have any questions? Reach out to me and I will get back to you shortly.</p>
                            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">Contact Me <i class="uil uil-arrow-up-right"></i></a>
                        </div>
                        <!-- /column -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container -->
            </div>
            <!-- /.wrapper -->
        </section>
        <!-- /section -->

    </div>
    <!-- /.content-wrapper -->

<?php
include 'inc/footer.php';
include 'inc/foot.php';
?>