index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <title>Curtly Critchlow Portfolio</title>
  <meta name="description" content="A framework for launching new Django projects quickly.">
  <meta name="author" content="ccwc.io">
  <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
  <!-- Bootstrap core CSS -->
  <link href="assets/css/bootstrap.min.css" rel="stylesheet">
  <!-- Material Design Bootstrap -->
  <link href="assets/css/mdb.min.css" rel="stylesheet">
  <!-- Smartsupp Live Chat script -->
  <script type="text/javascript">
    var _smartsupp = _smartsupp || {};
    _smartsupp.key = '0135a656fb853fb1390a872e08bafae4be3c3f01';
    window.smartsupp || (function (d) {
      var s, c, o = smartsupp = function () { o._.push(arguments) }; o._ = [];
      s = d.getElementsByTagName('script')[0]; c = d.createElement('script');
      c.type = 'text/javascript'; c.charset = 'utf-8'; c.async = true;
      c.src = 'https://www.smartsuppchat.com/loader.js?'; s.parentNode.insertBefore(c, s);
    })(document);
  </script>

  <link href="assets/css/addons-pro/cards-extended.min.css" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/style.css">


  <style>
    html,
    body,
    header,
    .jarallax {
      height: 100%;
    }

    @media (min-width: 560px) and (max-width: 740px) {

      html,
      body,
      header,
      .jarallax {
        height: 600px;
      }

    }
  </style>
</head>

<body class="developer">
  <header>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">

      <div class="container">

        <a class="navbar-brand" href="#">CC</a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
          aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">

          <span class="navbar-toggler-icon"></span>

        </button>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">

          <ul class="navbar-nav mr-auto smooth-scroll">

            <li class="nav-item">

              <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#about" data-offset="100">About Me</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#portfolio" data-offset="90">Portfolio</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#contact" data-offset="100">Contact</a>

            </li>

          </ul>

          <!-- Social Icon  -->
          <ul class="navbar-nav nav-flex-icons">

            <li class="nav-item">

              <a href="https://github.com/CurtlyCritchlow" class="nav-link"><i class="fab fa-github"></i></a>

            </li>

            <li class="nav-item">

              <a href="https://www.linkedin.com/in/curtlycritchlow/" class="nav-link"><i
                  class="fab fa-linkedin"></i></a>

            </li>

            <li class="nav-item">

              <a href="https://twitter.com/CritchlowCurtly" class="nav-link"><i class="fab fa-twitter"></i></a>

            </li>

          </ul>

        </div>

      </div>

    </nav>

    <!-- Intro Section -->
    <div id="home" class="view jarallax" data-jarallax='{"speed": 0.2}'
      style="background-image: url('https://mdbootstrap.com/img/Photos/Others/forest1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;">

      <div class="mask rgba-white-strong">

        <div class="container h-100 d-flex justify-content-center align-items-center">

          <div class="row smooth-scroll">

            <div class="col-md-12 pt-3">

              <div class="white-text text-center pt-5">

                <h1 class="display-2 mb-4 dark-grey-text wow fadeIn">I am <strong>Curtly Critchlow</strong></h1>

                <h5 class="text-uppercase font-weight-bold wow fadeIn" data-wow-delay="0.4s"><mark>Flutter
                    Developer</mark></h5>

                <a href="#about" class="btn btn-floating btn-large wow fadeIn" data-wow-delay="0.4s"
                  data-offset="100"><i class="fas fa-angle-down" aria-hidden="true"></i></a>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </header>

  <main>



    <!-- First container -->
    <div class="container">

      <!-- Section About -->
      <section id="about" class="section mt-1 mb-3">

        <!-- Section heading -->
        <h2 class="text-uppercase text-center font-weight-bold my-4 pt-5 wow fadeIn" data-wow-delay="0.2s">About me</h2>

        <hr class="between-sections">

        <!-- First row -->
        <div class="row pt-5">

          <!-- First column -->
          <div class="col-lg-6 col-md-12 wow fadeIn" data-wow-delay="0.4s">
            <h4 class="text-center text-uppercase mb-5 wow fadeIn" data-wow-delay="0.2s">A Passionate Problem Solver</h4>
            <p class="black-text mb-3" align="justify">
              I'm Curtly, a driven Flutter Developer with a passion for crafting elegant, efficient, and future-proof
              solutions. My dedication to continuous learning and a "do it once, do it right" approach drives me to find the best
              possible solutions for every challenge.
            </p>
            <p class="black-text mb-3" align="justify">
              My software development journey began with a real-world problem:  managing a mountain of data in a previous role.
              I tackled that challenge head-on, automating processes and building solutions that transformed how my team worked.
              You can read about this experience in my now archived DataQuest article, 
              <a href="https://web.archive.org/web/20201101124644/https://www.dataquest.io/blog/dataquest-changed-my-life/">
                “Not Enough Memory” — How Data Skills Ended an Excel Nightmare
              </a>.
            </p>
            <p class="black-text mb-3" align="justify">
              Beyond coding, I'm a lifelong learner who enjoys exploring diverse fields like history, science, economics, and more.
              This curiosity fuels my approach to software development, allowing me to bring a unique perspective and creative
              problem-solving skills to every project.
            </p>
            <p class="black-text mb-3" align="justify">
              As a developer, I understand the importance of trade-offs and making informed decisions.  I strive for clarity and
              collaboration, always eager to learn new technologies and contribute to high-performing teams. 
            </p>
          </div>
          <!-- First column -->

          <!-- Second column -->
          <div class="col-lg-6 col-md-12 mb-5 wow fadeIn" data-wow-delay="0.4s">

            <!-- Second headind -->
            <div class="d-flex justify-content-start">

              <h4 class="text-center text-uppercase mb-5 wow fadeIn" data-wow-delay="0.2s">My
                <strong>Personality</strong>
              </h4>

            </div>


            <!-- Description -->
            <p>My Personality ratings are based on the <a
                href="https://www.truity.com/test/enneagram-personality-test">Enneagram Personality system</a> that aims
              to reveal how emotions drive our lives and how we engage with others to get what we want and need. Below
              is the result of my top four personality traits.
            </p>

            <p class="black-text text-uppercase font-weight-bold" align="justify">The Challenger</p>

            <div class="md-progress">

              <div class="progress-bar" role="progressbar" style="width: 98%" aria-valuenow="25" aria-valuemin="0"
                aria-valuemax="100"></div>

            </div>
            <p>Sees themselves as strong and seek to stand up for what they believe in.</p>

            <p class="black-text text-uppercase font-weight-bold pt-3" align="justify">The Investigator</p>

            <div class="md-progress">

              <div class="progress-bar" role="progressbar" style="width: 89%" aria-valuenow="25" aria-valuemin="0"
                aria-valuemax="100"></div>

            </div>
            <p>Seek understanding and knowledge, and are more comfortable with data than people.</p>

            <p class="black-text text-uppercase font-weight-bold pt-3" align="justify">The Perfectionist</p>

            <div class="md-progress">

              <div class="progress-bar" role="progressbar" style="width: 89%" aria-valuenow="25" aria-valuemin="0"
                aria-valuemax="100"></div>

            </div>
            <p>Places a lot of emphasis on following the rules and doing things correctly.</p>



            <p class="black-text text-uppercase font-weight-bold pt-3" align="justify">The Achiever</p>

            <div class="md-progress">

              <div class="progress-bar" role="progressbar" style="width: 84%" aria-valuenow="25" aria-valuemin="0"
                aria-valuemax="100"></div>
            </div>
            <p>Want to be successful and admired by other people, and are very conscious of their public image.</p>

          </div>


          <!-- Second column -->

        </div>
        <!-- First row -->

      </section>
      <!-- Section About -->

    </div>
    <!-- First container -->

    <!-- Second container -->
    <div class="container-fluid" style="background-color: #f3f3f5;">

      <div class="container py-4 pt-4">

        <!-- Second section -->
        <section id="skills">

          <!-- First row -->
          <div class="row py-5">

            <!-- First column -->
            <div class="col-lg-6 col-md-12 mb-3 wow fadeIn" data-wow-delay="0.4s">

              <!-- Section heading -->
              <div class="d-flex justify-content-start">

                <h4 class="text-center text-uppercase mb-5 pb-3 mt-4 wow fadeIn" data-wow-delay="0.2s">My
                  <strong>experience</strong>
                </h4>

              </div>

              <!-- Description -->
              <blockquote id='the-atsign-company-experience' class="blockquote bq-warning mb-4">

                <div class="row"> <i class="fas fa-briefcase fa-x mb-1 mr-3 ml-3" aria-hidden="true"></i>

                  <h5 class="font-weight-bold mb-3">Flutter Developer</h5>

                </div>

                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  <a href="class=" font-weight-bold ml-1 dark-grey-text mb-2"">atsign</a>
                  <i class="fas fa-circle icon-bullet">
                  </i>
                  Full-time
                </p>
                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  February 2022 - Present
                </p>
                <div class="mb-0 ml-1 dark-grey-text">
                  <ul>
                    <li>
                      <strong>Spearhead business development initiatives</strong> through targeted outreach, identifying and engaging potential clients.
                    </li>
                    <li>
                      <strong>Deliver compelling live demos</strong> showcasing the unique capabilities of the at_platform and its benefits to potential clients.
                    </li>
                    <li>
                      <strong>Architect and build innovative Flutter/Dart applications</strong> on the atPlatform, delivering impactful solutions tailored to client needs.
                    </li>
                    <li>
                      <strong>Ensure the ongoing stability and functionality of the <a href="https://pub.dev/packages/at_gauges">at_gauges</a> Flutter package</strong>, demonstrating a commitment to open-source contribution and code quality.
                    </li>
                  </ul>
                </div>


              </blockquote>

              <blockquote id='Nabi-KCL-experience' class="blockquote bq-warning mb-4">

                <div class="row"> <i class="fas fa-briefcase fa-x mb-1 mr-3 ml-3" aria-hidden="true"></i>

                  <h5 class="font-weight-bold mb-3">Safety/Security Officer</h5>

                </div>

                <p class="font-weight-bold ml-1 dark-grey-text mb-2">Nabi-KCL<i class="fas fa-circle icon-bullet"></i>
                  Full-time</p>
                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  October 2021 - April 2022
                </p>
                <div class="mb-0 ml-1 dark-grey-text">
                  <ul>
                    <li>
                      <strong>Developed and launched</strong> the <a href="https://play.google.com/store/apps/details?id=io.ccwc.sshe&hl=en&gl=US">Nabi-KCL SSHE</a> mobile app, a solution designed to effectively monitor and enhance safety practices on-site.
                    </li>
                    <li>
                      <strong>Led and managed</strong> the security team, successfully maintaining a secure environment free of security breaches. 
                    </li>
                    <li>
                      <strong>Proactively observed</strong> worker activities and <strong>provided guidance</strong> to ensure compliance with company safety policies, fostering a culture of safety and risk mitigation.
                    </li>
                  </ul>

                </div>


              </blockquote>
              <blockquote id='gdf-experience' class="blockquote bq-warning mb-4">

                <div class="row"> <i class="fas fa-briefcase fa-x mb-1 mr-3 ml-3" aria-hidden="true"></i>

                  <h5 class="font-weight-bold mb-3">Second Lieutenant</h5>

                </div>

                <p class="font-weight-bold ml-1 dark-grey-text mb-2">Guyana Defence Force <i
                    class="fas fa-circle icon-bullet"></i> Reservist</p>
                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  September 2020 - Present
                </p>
                <div class="mb-0 ml-1 dark-grey-text">
                  <ul>
                    <li>
                      <strong>Developing a Reserve Talent Management System</strong> to streamline and optimize the management of reserve personnel, leveraging technology to enhance organizational efficiency.
                    </li>
                    <li>
                      <strong>Mentor and train fellow reservists</strong> in essential military activities, including skill-at-arms, fostering teamwork and skill development.
                    </li>
                    <li>
                      <strong>Actively participate</strong> in military operations and training exercises commensurate with my rank, demonstrating dedication to service and commitment to continuous improvement. 
                    </li>
                  </ul>

                </div>


              </blockquote>

              <blockquote id='mof-experience' class="blockquote bq-warning mb-4">

                <div class="row"> <i class="fas fa-briefcase fa-x mb-1 mr-3 ml-3" aria-hidden="true"></i>

                  <h5 class="font-weight-bold mb-3">
                    Economic & Financial Analyst | Web Developer
                  </h5>

                </div>

                <p class="font-weight-bold ml-1 dark-grey-text mb-2">Ministry of Finance, Guyana <i
                    class="fas fa-circle icon-bullet"></i> Full-time</p>
                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  November 2019 - March 2021 <i class="fas fa-circle icon-bullet"></i> 1yr 5 mos
                </p>
                <div class="mb-0 ml-1 dark-grey-text">
                  <ul>
                    <li>
                      <strong>Collaborated</strong> as part of a multi-agency government committee to <strong>successfully implement</strong> the first Covid-19 relief program, demonstrating the ability to work effectively across organizational boundaries to deliver critical solutions. 
                    </li>
                    <li>
                      <strong>Gained a deep understanding</strong> of the Office of the Budget's needs by actively engaging with end users, ensuring solutions are user-centric and address real-world challenges.
                    </li>
                    <li>
                      <strong>Developed and deployed websites</strong> tailored to the specific requirements of the Office of the Budget, leveraging technical skills to provide valuable tools and resources.
                    </li>
                    <li>
                      <strong>Continuously improved and enhanced website functionality</strong> based on user feedback and evolving departmental needs, showcasing a commitment to ongoing optimization and delivering exceptional user experiences.
                    </li>
                  </ul>
                </div>


              </blockquote>

              <blockquote id='moa-experience' class="blockquote bq-warning mb-4">

                <div class="row"> <i class="fas fa-briefcase fa-x mb-1 mr-3 ml-3" aria-hidden="true"></i>

                  <h5 class="font-weight-bold mb-3">
                    Agronomist | Monitoring & Evaluation Officer | Data Analyst
                  </h5>

                </div>

                <p class="font-weight-bold ml-1 dark-grey-text mb-2">Ministry of Agriculture, Guyana <i
                    class="fas fa-circle icon-bullet"></i> Full-time</p>
                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  November 2014 - November 2019 <i class="fas fa-circle icon-bullet"></i> 5yrs
                </p>
                <div class="mb-0 ml-1 dark-grey-text">
                  <ul>
                    <li>
                      <strong>Spearheaded the digital transformation</strong> of the Guyana Livestock Development Authority (GLDA), transitioning from paper-based records to a hybrid system incorporating electronic records via Dropbox, significantly improving data accessibility and management.
                    </li>
                    <li>
                      <strong>Analyzed GLDA's transactional data</strong> to provide actionable insights and facilitate data-driven decision-making, contributing to improved operational efficiency and strategic planning. 
                    </li>
                    <li>
                      <strong>Developed and monitored key performance indicators (KPIs)</strong> for GLDA, providing a clear and measurable framework for tracking progress and identifying areas for improvement.
                    </li>
                    <li>
                      <strong>Provided data-driven consulting services</strong> to private farmers, analyzing farming data and offering tailored feedback to enhance profitability and optimize farming operations.
                    </li>
                    <li>
                      <strong>Empowered colleagues</strong> by providing technical training and guidance on MS Excel and Power BI, enabling them to perform data analysis effectively and generate insightful monthly reports. 
                    </li>
                  </ul>
                </div>


              </blockquote>
              <blockquote id='diamond-hospital-experience' class="blockquote bq-warning mb-4">

                <div class="row"> <i class="fas fa-briefcase fa-x mb-1 mr-3 ml-3" aria-hidden="true"></i>

                  <h5 class="font-weight-bold mb-3">
                    Records Clerk
                  </h5>

                </div>

                <p class="font-weight-bold ml-1 dark-grey-text mb-2">Diamond Regional Hospital, Guyana <i
                    class="fas fa-circle icon-bullet"></i> Full-time</p>
                <p class="font-weight-bold ml-1 dark-grey-text mb-2">
                  November 2009 - March 2011 <i class="fas fa-circle icon-bullet"></i> 1yr 5 mos
                </p>
                <div class="mb-0 ml-1 dark-grey-text">
                  <ul>
                    <li>
                      <strong>Streamlined patient intake processes</strong> by ensuring all necessary documentation was complete prior to doctor consultations, minimizing delays and enhancing efficiency.
                    </li>
                    <li>
                      <strong>Implemented an organized system for patient records</strong>, facilitating quick and accurate retrieval of information, ultimately improving patient care and administrative efficiency.
                    </li>
                    <li>
                      <strong>Provided clear and empathetic guidance</strong> to patients, directing them to the appropriate departments for their healthcare needs, enhancing patient satisfaction and optimizing hospital workflow.
                    </li>
                  </ul>
                </div>


              </blockquote>




            </div>
            <!-- First column -->

            <!-- Second column -->
            <div class="col-lg-5 offset-lg-1 col-md-12 mb-4 wow fadeIn" data-wow-delay="0.4s">

              <!-- Second heading -->
              <div class="d-flex justify-content-start">

                <h4 class="text-center text-uppercase mb-5 pb-3 mt-4 wow fadeIn" data-wow-delay="0.2s">My
                  <strong>Skills</strong>
                </h4>

              </div>

              <!-- Description -->
              <p>Since 2017, I've been working on improving my software development skills on a need to know basis.</p>

              <!-- Description -->


              <div class="row">
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">
                  Flutter
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">Dart
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">
                  Firebase
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">
                  Cloud Firestore
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">
                  Cloud Functions
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">
                  Cloud Storage
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">GenAI (Gemini models)
                </p>
                
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">Django
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">Plotly
                  Dash
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">Python
                </p>
                
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">HTML
                </p>
                <p class="black-text text-uppercase font-weight-bold col-lg-12 col-md-4 col-sm-6" align="justify">CSS
                </p>
                

              </div>


              <!-- <div class="md-progress">
                <div class="progress-bar" role="progressbar" style="width: {{ developer_skill.progress }}%"
                  aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
              </div> -->

            </div>

          </div>
          <!-- Second column -->

      </div>
      <!-- First row -->

      </section>
      <!-- Second section -->

    </div>

    </div>
    <!-- Second container -->



    <!-- Streak -->
    <div class="streak streak-photo streak-md"
      style="background-image:url('https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20%2811%29.jpg')">

      <div class="mask flex-center rgba-indigo-strong">

        <div class="white-text smooth-scroll mx-4">

          <h2 class="h2-responsive wow fadeIn mb-5"><i class="fas fa-quote-left" aria-hidden="true"></i> There are no
            solutions. There are only trade-offs. <i class="fas fa-quote-right" aria-hidden="true"></i></h2>

          <h5 class="text-center font-italic wow fadeIn" data-wow-delay="0.2s">~ Thomas Sowell</h5>

        </div>

      </div>

    </div>
    <!-- Streak -->

    <!-- Fourth container -->
    <div class="container">

      <!-- Fourth section -->
      <section id="works" class="section mb-5">
        <!-- Projects section v.2 -->
        <section id="portfolio" class="section mt-2 pb-5 mb-4">

          <div class="container">

            <!-- Section heading -->
            <div class="row mt-4">

              <div class="col-md-12 ">

                <h2 class="text-uppercase text-center font-weight-bold my-4 pt-5 wow fadeIn" data-wow-delay="0.2s">My

                  projects</h2>

                <hr class="between-sections">

                <p class="text-center w-responsive mx-auto mt-5 wow fadeIn" data-wow-delay="0.2s">

                  Below are the major projects I have been working on. </p>

              </div>

            </div>

          </div>

          <!-- First column -->
          <div class="col-md-12 wow fadeIn" data-wow-delay="0.4s">

            <!-- Nav tabs -->
            <ul class="nav md-pills flex-center flex-wrap mx-0" role="tablist">

              <li class="nav-item">

                <a id="buttonallapps" class="nav-link active font-weight-bold" data-toggle="tab" href="#panelallapps"
                  role="tab">

                  <br>ALL</a>

              </li>

              <li class="nav-item">

                <a class="nav-link font-weight-bold" data-toggle="tab" href="#panelwebapps" role="tab">

                  <br>Web Apps</a>

              </li>

              <li class="nav-item">

                <a class="nav-link font-weight-bold" data-toggle="tab" href="#paneldashboards" role="tab">

                  <br>Dashboards</a>

              </li>

              <li class="nav-item">

                <a class="nav-link font-weight-bold" data-toggle="tab" href="#panelmobileapps" role="tab">

                  <br>Mobile Apps</a>

              </li>
              <li class="nav-item">

                <a class="nav-link font-weight-bold" data-toggle="tab" href="#paneldesktopapps" role="tab">

                  <br>Desktop Apps</a>

              </li>

            </ul>

          </div>

          <!-- Tab panels -->
          <div class="tab-content">

            <!-- Panel 1 -->
            <div class="tab-pane fade show in active" id="panelallapps" role="tabpanel">

              <br>

              <div class="row row-cols-1 row-cols-md6 ">
                
                <div id="lokademy" class="col mb-4 col-md-6">
                  <div class="card chart-card">
                    <div class="card-body pb-0">
                      <div class="d-flex justify-content-center">
                        <p class="display-4 text-center ">
                          <a href="https://github.com/CurtlyCritchlow/lokademy">Lokademy</a>
                        </p>
                      </div>
                    </div>
                
                    <div class="classic-tabs">
                      <ul class="nav tabs-white nav-fill" role="tablist">
                        <li class="nav-item ml-0">
                          <a class="nav-link waves-light active" data-toggle="tab" href="#panellokademyintroduction" role="tab">Introduction</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellokademypurposeandgoal" role="tab">Purpose and Goal</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellokademyspotlight" role="tab">Technical Highlights</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellokademycurrentstatus" role="tab">Current Status</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellokademylessonlearned" role="tab">Key Learnings</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellokademyscreenshots" role="tab">Screenshots</a>
                        </li>
                      </ul>
                
                      <div class="tab-content rounded-bottom">
                        <div class="tab-pane fade in show active" id="panellokademyintroduction" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Lokademy is an AI-powered learning platform designed to assist students preparing for the Caribbean Secondary Examination Certificate (CSEC) exams. By leveraging the capabilities of Google's Gemini models, Lokademy simulates the guidance of a dedicated teacher, providing students with personalized support and resources.
                            </p>
                            <p class="project-content">
                              The platform offers comprehensive content aligned with the CSEC syllabus, facilitating in-depth understanding and knowledge testing. Lokademy goes beyond traditional learning tools by providing students with detailed analysis of quiz questions, enabling them to identify areas for improvement and refine their understanding.  
                            </p>
                            <p class="project-content">
                              This Flutter mobile app is currently in private development on <a href="https://github.com/CurtlyCritchlow/lokademy">GitHub</a>. For more information or to request access, please feel free to contact me.
                            </p>
                          </div>
                        </div>
                        
                        <div class="tab-pane fade" id="panellokademypurposeandgoal" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Lokademy was born from both personal and practical aspirations. Inspired by my wife's unwavering dedication as a teacher, I envisioned a platform that could replicate the invaluable support and commitment she offers her students on their journey to CSEC success. 
                            </p>
                            <p class="project-content">
                              Beyond its sentimental origins, Lokademy aims to address practical challenges in education:
                            </p>
                            <ul>
                              <li>
                                Provide students with limited access to qualified teachers with an alternative avenue to excel in their CSEC studies.
                              </li>
                              <li>
                                Deliver personalized feedback on quizzes, addressing the common hurdle of student-to-teacher ratios that hinder individual attention. 
                              </li>
                              <li>
                                Offer a resilient learning solution for students facing disruptions due to personal or national emergencies, ensuring educational continuity in challenging circumstances. 
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellokademyspotlight" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Developing Lokademy has been an incredibly rewarding experience. This project has deepened my understanding of Generative AI and its vast potential within the education space, particularly how to seamlessly integrate it into a user-friendly Flutter app. 
                            </p>
                            <p class="project-content">
                              Key technical features of the app include:
                            </p>
                            <ul>
                              <li>
                                Comprehensive CSEC Syllabus Content for core science subjects: Biology, Chemistry, Physics, and Integrated Science.
                              </li>
                              <li>
                                An AI-powered chatbot designed to provide insightful answers to students' questions across various CSEC subjects.
                              </li>
                              <li>
                                An interactive chatbot that allows students to test their knowledge through quizzes and receive personalized feedback, enhancing their learning experience and understanding.
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellokademycurrentstatus" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Lokademy is currently under active development and undergoing rigorous testing to ensure a seamless and valuable learning experience for students. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellokademylessonlearned" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Lokademy has been one of the most engaging and enriching projects I've undertaken.  Building my first AI-based app from the ground up has significantly expanded my knowledge and practical experience with AI technologies. 
                            </p>
                            <p class="project-content">
                              Key learnings from this project include:
                            </p>
                            <ul>
                              <li>
                                Harnessing the power of cloud functions to run sophisticated AI models efficiently and effectively. 
                              </li>
                              <li>
                                Mastering the art of prompt design to elicit accurate and contextually relevant responses from AI models. 
                              </li>
                              <li>
                                Gaining proficiency with the Dart `google_generative_ai` package, seamlessly integrating Gemini's capabilities into the Flutter app. 
                              </li>
                              <li>
                                Implementing efficient data handling techniques to fetch and receive chat history from Cloud Firestore and seamlessly pass it to the Gemini model for contextual understanding and responses.
                              </li>
                              <li>
                                Developing effective strategies to provide system instructions to the Gemini model, precisely constraining its behavior to align with Lokademy's educational goals and purpose.
                              </li>
                              <li>
                                Successfully grounding the AI model in the CSEC syllabus content, ensuring that responses are relevant, accurate, and aligned with the curriculum.
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellokademyscreenshots" role="tabpanel">
                          <div class="row mb-4 mr-3">
                            <div class="col-md-6 my-3">
                              <video width="420" height="420" controls class="card-img-top">
                                <source src="assets/video/lokademy/lokademy_demo.mp4" type="video/mp4">
                                Your browser does not support the video tag.
                              </video>
                              <p class="project-content text-center">
                                A short demo showcasing Lokademy's interactive chatbot, allowing students to ask questions and receive personalized feedback in real-time.
                              </p>
                            </div>
                
                            <div class="col-md-6 my-3">
                              <img src="assets/img/lokademy/home.png" class="card-img-top" alt="Home Screen of Lokademy">
                              <p class="project-content text-center">
                                Lokademy's welcoming home screen, providing students with clear navigation to access CSEC syllabus content, engage with the AI chatbot, and test their knowledge through quizzes. 
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/lokademy/chat.png" class="card-img-top" alt="Chat Screen of Lokademy">
                              <p class="project-content text-center">
                                The intuitive chat interface where students can ask subject-specific questions and receive detailed answers from Lokademy's AI-powered chatbot.
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/lokademy/quiz.png" class="card-img-top" alt="Quiz Screen of Lokademy">
                              <p class="project-content text-center">
                                Lokademy's quiz section, where students can test their understanding of CSEC subjects and receive personalized feedback to identify areas for improvement. 
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="sshNoPortsDesktop" class="col mb-4 col-md-6">
                  <div class="card chart-card">
                    <div class="card-body pb-0">
                      <div class="d-flex justify-content-center">
                        <p class="display-4 text-center ">
                          <a href="https://apps.apple.com/app/ssh-no-ports-desktop/id6476198591?mt=12">SSH No Ports Desktop</a>
                        </p>
                      </div>
                    </div>
                
                    <div class="classic-tabs">
                      <ul class="nav tabs-white nav-fill" role="tablist">
                        <li class="nav-item ml-0">
                          <a class="nav-link waves-light active" data-toggle="tab" href="#panelsshNoPortsDesktopintroduction" role="tab">Introduction</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshNoPortsDesktoppurposeandgoal" role="tab">Purpose and Goal</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshNoPortsDesktopspotlight" role="tab">Technical Highlights</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshNoPortsDesktopcurrentstatus" role="tab">Current Status</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshNoPortsDesktoplessonlearned" role="tab">Key Learnings</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshNoPortsDesktopscreenshots" role="tab">Screenshots</a>
                        </li>
                      </ul>
                
                      <div class="tab-content rounded-bottom">
                        <div class="tab-pane fade in show active" id="panelsshNoPortsDesktopintroduction" role="tabpanel">
                          <div>
                            <p class="project-content">
                              SSH No Ports Desktop revolutionizes remote device access by providing a secure and user-friendly method for network administrators to connect to devices via SSH, while simultaneously eliminating common network attack surfaces and reducing administrative overhead. 
                            </p>
                            <p class="project-content">
                              This innovative Flutter desktop application offers a seamless and efficient way to access remote devices, regardless of network complexities or physical location, all without compromising security. 
                            </p>
                            <p class="project-content">
                              SSH No Ports Desktop is available on <a href="https://github.com/atsign-foundation/noports/tree/trunk/packages/dart/sshnp_flutter">GitHub</a>, the <a href="https://apps.microsoft.com/detail/9pbx5vrvqc2z?hl=en-gb">Microsoft Store</a>, and <a href="https://apps.apple.com/app/ssh-no-ports-desktop/id6476198591?mt=12">App Store</a>, showcasing its cross-platform compatibility and accessibility for a wide range of users. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshNoPortsDesktoppurposeandgoal" role="tabpanel">
                          <div>
                            <p class="project-content">
                              SSH No Ports Desktop was developed with the core objective of empowering network administrators with enhanced security and flexibility when managing remote devices. 
                            </p>
                            <p class="project-content">
                              The application addresses key challenges faced by administrators, enabling them to:
                            </p>
                            <ul>
                              <li>
                                Securely access devices from any location, whether behind routers, NAT, firewalls, VPNs, private/1918 addresses, or even on the move, eliminating traditional barriers to remote access. 
                              </li>
                              <li>
                                Connect to devices without the need for complex network reconfigurations, such as setting up port forwarding on routers or relying on VPNs, simplifying the connection process and reducing administrative burden. 
                              </li>
                              <li>
                                Significantly strengthen network security by eliminating the requirement for open listening ports, including the commonly targeted port 22, effectively reducing the attack surface and mitigating potential security vulnerabilities.  
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshNoPortsDesktopspotlight" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Working on SSH No Ports Desktop was a fantastic opportunity to collaborate with talented backend engineers and gain a deeper understanding of the core SSH No Ports package. The process of integrating this package into the Flutter desktop app, along with providing constructive feedback on bugs and feature requests, was both challenging and rewarding. 
                            </p>
                            <p class="project-content">
                              Key technical highlights of the app include:
                            </p>
                            <ul>
                              <li>
                                A streamlined connection profile system that allows users to save and manage device information, including names, addresses, ports, and other relevant details, facilitating quick and easy connections. 
                              </li>
                              <li>
                                Robust support for private key authentication, providing an additional layer of security to prevent unauthorized access to remote devices. 
                              </li>
                              <li>
                                A built-in terminal emulator that provides users with full access to the device's file system and command-line interface, enabling efficient remote management and troubleshooting.
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshNoPortsDesktopcurrentstatus" role="tabpanel">
                          <div>
                            <p class="project-content">
                              SSH No Ports Desktop is publicly available on <a href="https://github.com/atsign-foundation/noports/tree/trunk/packages/dart/sshnp_flutter">GitHub</a>, <a href="https://apps.microsoft.com/detail/9pbx5vrvqc2z?hl=en-gb">Microsoft Store</a>, and <a href="https://apps.apple.com/app/ssh-no-ports-desktop/id6476198591?mt=12">App Store</a>, making it accessible to a broad audience of network administrators and developers across different platforms. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshNoPortsDesktoplessonlearned" role="tabpanel">
                          <div>
                            <p class="project-content">
                              This project was instrumental in expanding my understanding of SSH and its complexities. Before developing SSH No Ports Desktop, my knowledge of SSH was limited; however, through this project, I gained valuable insights into its inner workings and security implications.
                            </p>
                            <p class="project-content">
                              Key learnings from this project include:
                            </p>
                            <ul>
                              <li>
                                Collaborating effectively with backend engineers to integrate and utilize their SSH No Ports core package, providing valuable feedback for continuous improvement.
                              </li>
                              <li>
                                Gaining a deep understanding of SSH key management, including the use of private and public keys for user authentication, ensuring secure and reliable access control.  
                              </li>
                              <li>
                                Mastering the integration of a terminal emulator into a Flutter application, extending the app's functionality and providing users with a powerful tool for remote device management.  
                              </li>
                              <li>
                                Learning to implement keyboard shortcuts within the Flutter framework, enhancing the user experience and streamlining common actions within the app.
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshNoPortsDesktopscreenshots" role="tabpanel">
                          <div class="row mb-4 mr-3">
                            <div class="col-md-6 my-3">
                              <img src="assets/img/sshNoPortsDesktop/landing.png" class="card-img-top"
                                   alt="Landing Screen of SSH No Ports Desktop">
                              <p class="project-content text-center">
                                The initial landing screen of SSH No Ports Desktop, welcoming users.
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/sshNoPortsDesktop/home.png" class="card-img-top"
                                   alt="Home Screen of SSH No Ports Desktop">
                              <p class="project-content text-center">
                                The app's home screen, showcasing the user-friendly interface for managing connection profiles, adding new devices, and initiating secure SSH connections with ease. 
                              </p>
                            </div>
                
                            <div class="col-md-6 my-3">
                              <img src="assets/img/sshNoPortsDesktop/terminal.png" class="card-img-top"
                                   alt="Terminal Screen of SSH No Ports Desktop">
                              <p class="project-content text-center">
                                The integrated terminal emulator within SSH No Ports Desktop, providing users with a powerful command-line interface to interact with the remote device, manage files, and execute commands. 
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/sshNoPortsDesktop/support.png" class="card-img-top"
                                   alt="Support screen of SSH No Ports Desktop">
                              <p class="project-content text-center">
                                The dedicated support section within the app, offering users access to comprehensive documentation, FAQs, and contact information for assistance, ensuring a smooth and supported user experience. 
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="atDataBrowser" class="col mb-4 col-md-6">
                  <div class="card chart-card">
                    <div class="card-body pb-0">
                      <div class="d-flex justify-content-center">
                        <p class="display-4 text-center ">
                          <a href="https://github.com/atsign-foundation/at_data_browser">AtDataBrowser</a>
                        </p>
                      </div>
                    </div>
                
                    <div class="classic-tabs">
                      <ul class="nav tabs-white nav-fill" role="tablist">
                        <li class="nav-item ml-0">
                          <a class="nav-link waves-light active" data-toggle="tab" href="#panelatDataBrowserintroduction" role="tab">Introduction</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelatDataBrowserpurposeandgoal" role="tab">Purpose and Goal</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelatDataBrowserspotlight" role="tab">Technical Highlights</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelatDataBrowsercurrentstatus" role="tab">Current Status</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelatDataBrowserlessonlearned" role="tab">Key Learnings</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelatDataBrowserscreenshots" role="tab">Screenshots</a>
                        </li>
                      </ul>
                
                      <div class="tab-content rounded-bottom">
                        <div class="tab-pane fade in show active" id="panelatDataBrowserintroduction" role="tabpanel">
                          <div>
                            <p class="project-content">
                              AtDataBrowser simplifies the management of your digital footprint within the atPlatform ecosystem. This user-friendly Flutter application provides a comprehensive interface for accessing, searching, and controlling your atData, putting you in complete command of your decentralized data.
                            </p>
                            <p class="project-content">
                              With AtDataBrowser, you gain clear visibility into your atKeys, associated atValues, and accompanying metadata, empowering you to make informed decisions about your data.
                            </p>
                            <p class="project-content">
                              Explore the source code and contribute to the development of AtDataBrowser on <a href="https://github.com/atsign-foundation/at_data_browser">GitHub</a>.
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelatDataBrowserpurposeandgoal" role="tabpanel">
                          <div>
                            <p class="project-content">
                              AtDataBrowser was designed with a clear mission: to equip the atsign community with an intuitive and powerful tool for exploring and managing their atData. By providing a user-friendly interface and robust features, AtDataBrowser empowers users to take ownership of their decentralized data and leverage the full potential of the atPlatform.
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelatDataBrowserspotlight" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The most rewarding aspect of developing AtDataBrowser was the process of transforming the initial Figma designs into a fully functional and visually appealing Flutter application. Bringing the design vision to life through code was a fulfilling experience that showcased the versatility and power of Flutter's framework.
                            </p>
                            <p class="project-content">
                              Key technical highlights of AtDataBrowser include:
                            </p>
                            <ul>
                              <li>
                                Comprehensive views that display the atKey, associated metadata, and atValue properties, providing users with a detailed understanding of their atData. 
                              </li>
                              <li>
                                Robust filtering capabilities that enable users to organize and search their atKeys based on various criteria, including date created, date modified, namespaces, atsign, key type, shared with, and shared by. This feature facilitates efficient data management and retrieval.
                              </li>
                              <li>
                                Support for applying multiple filters simultaneously, allowing users to refine their searches and quickly pinpoint the specific atData they need.
                              </li>
                              <li>
                                Secure and controlled deletion of atKeys, empowering users to manage their data privacy and remove unwanted or outdated information. 
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelatDataBrowsercurrentstatus" role="tabpanel">
                          <div>
                            <p class="project-content">
                              AtDataBrowser has undergone rigorous testing, with the second round completed in July 2023.  Additional development is underway, incorporating valuable user feedback to enhance the application's functionality and user experience. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelatDataBrowserlessonlearned" role="tabpanel">
                          <div>
                            <p class="project-content">
                              AtDataBrowser proved to be an exceptional learning opportunity, deepening my expertise in both Flutter and the atPlatform. Through this project, I acquired valuable knowledge and practical experience in several areas:
                            </p>
                            <ul>
                              <li>
                                Mastering the use of goRouter for efficient and flexible navigation between screens, enhancing the application's user experience. 
                              </li>
                              <li>
                                Leveraging the power of Riverpod for effective state management, ensuring a clean and maintainable codebase.
                              </li>
                              <li>
                                Implementing advanced state manipulation techniques, including filtering and resetting state without relying on network calls, optimizing performance and user responsiveness. 
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelatDataBrowserscreenshots" role="tabpanel">
                          <div class="row mb-4 mr-3">
                            <div class="col-md-6 my-3">
                              <img src="assets/img/atDataBrowser/atDataBrowser_landing.png" class="card-img-top"
                                   alt="AtDataBrowser Landing Screen">
                              <p class="project-content text-center">
                                The initial landing screen of AtDataBrowser, presenting a clear and inviting interface for users to begin exploring and managing their atData.
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/atDataBrowser/atDataBrowser_home.png" class="card-img-top"
                                   alt="AtDataBrowser Home Screen">
                              <p class="project-content text-center">
                                The main screen of AtDataBrowser, providing users with a comprehensive overview of their atKeys, along with powerful filtering options to organize and search their data effectively.
                              </p>
                            </div>
                
                            <div class="col-md-6 my-3">
                              <img src="assets/img/atDataBrowser/atDataBrowser_data_storage.png" class="card-img-top"
                                   alt="AtDataBrowser Data Storage Screen">
                              <p class="project-content text-center">
                                A detailed view of a specific atKey, displaying the atValue, metadata, and other relevant information, empowering users to understand and manage their individual data points.
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/atDataBrowser/atDataBrowser_settings.png" class="card-img-top"
                                   alt="AtDataBrowser Settings Screen">
                              <p class="project-content text-center">
                                The settings screen of AtDataBrowser, where users can customize their preferences, manage account details, and access support resources. 
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="lis" class="col mb-4 col-md-6">
                  <div class="card chart-card">
                    <div class="card-body pb-0">
                      <div class="d-flex justify-content-center">
                        <p class="display-4 text-center ">
                          <a href="https://play.google.com/store/apps/details?id=io.ccwc.lis">Livestock Information System</a>
                        </p>
                      </div>
                    </div>
                
                    <div class="classic-tabs">
                      <ul class="nav tabs-white nav-fill" role="tablist">
                        <li class="nav-item ml-0">
                          <a class="nav-link waves-light active" data-toggle="tab" href="#panellisintroduction" role="tab">Introduction</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellispurposeandgoal" role="tab">Purpose and Goal</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellisspotlight" role="tab">Technical Highlights</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelliscurrentstatus" role="tab">Current Status</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellislessonlearned" role="tab">Key Learnings</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panellisscreenshots" role="tab">Screenshots</a>
                        </li>
                      </ul>
                
                      <div class="tab-content rounded-bottom">
                        <div class="tab-pane fade in show active" id="panellisintroduction" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Livestock Information System (LIS) is a Flutter mobile application designed to bridge the communication gap between farmers and extension officers, streamlining data collection, farm monitoring, and agricultural extension services.
                            </p>
                            <p class="project-content">
                              LIS empowers the Guyana Livestock Development Authority (GLDA) to deliver targeted, data-driven training and support to farmers, ultimately contributing to improved national agricultural production and livestock management practices. 
                            </p>
                            <p class="project-content">
                              This application is currently under development, but an early access version is available on the Google Play Store for those interested in exploring its features and potential. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellispurposeandgoal" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Livestock Information System serves as a practical demonstration to the GLDA and Guyana's Ministry of Agriculture (MOA) of the transformative potential of tailored agricultural extension services. 
                            </p>
                            <p class="project-content">
                              By utilizing a custom-built app to monitor individual farm performance, LIS highlights the benefits of data-driven insights for both farmers and agricultural authorities. Additionally, the app showcases the potential for streamlining extension officer workflows by reducing redundant data collection processes. 
                            </p>
                            <p class="project-content">
                              LIS was meticulously designed based on feedback from agricultural experts within GLDA, incorporating insights from my personal professional experience working within the agriculture sector.
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellisspotlight" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The most engaging aspect of developing LIS was the implementation of robust service calls for creating, reading, and updating documents within the Firebase backend. This process involved designing efficient data structures and ensuring seamless synchronization between the app and the database, providing a reliable and responsive user experience. 
                            </p>
                            <p class="project-content">
                              Key technical highlights of the application include:
                            </p>
                            <ul>
                              <li>
                                Seamless online and offline functionality, ensuring data can be accessed and updated even in areas with limited internet connectivity.
                              </li>
                              <li>
                                A comprehensive Farmer module that allows users to register new farmers, view a list of registered farmers, and access detailed information about each farmer's profile and associated farms.
                              </li>
                              <li>
                                A detailed Farm module that enables users to register new farms, view a list of registered farms, and access specific farm details, including location, livestock populations, and historical data. 
                              </li>
                              <li>
                                An Animal Population Survey feature that accurately records livestock populations by species and growth stage, providing valuable insights into livestock demographics and trends. 
                              </li>
                              <li>
                                An Animal Disaster Survey functionality that tracks livestock losses due to natural disasters, categorized by species and growth stage, facilitating informed responses and support efforts in emergency situations.
                              </li>
                              <li>
                                Integration of device GPS capabilities to automatically collect and store the precise location of farms, enhancing data accuracy and facilitating location-based services. 
                              </li>
                              <li>
                                Utilization of the device camera to capture and save farmer and farm profile pictures within Firebase storage, providing a visual representation of the data and enhancing user engagement. 
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelliscurrentstatus" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Livestock Information System is currently in its Minimum Viable Product (MVP) stage, Since its initial deployment, LIS has facilitated the registration of over 500 farmers as of December 2021, demonstrating its practical value and potential for growth. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellislessonlearned" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Developing LIS has been an invaluable learning journey, significantly advancing my skills in Flutter and Firebase. Key learnings from this project include:
                            </p>
                            <ul>
                              <li>
                                The critical importance of defensive coding practices, especially when handling network calls, to ensure application robustness and graceful error handling.
                              </li>
                              <li>
                                Implementing secure user authentication using Firebase Authentication, safeguarding user data and protecting application access.
                              </li>
                              <li>
                                Accessing and utilizing the device camera to capture user-provided images and securely storing them within Firebase Storage, enhancing the application's functionality and user experience. 
                              </li>
                              <li>
                                Integrating device GPS functionality to retrieve accurate location data and incorporating it into the application's core features. 
                              </li>
                              <li>
                                Efficiently saving and retrieving data using Cloud Firestore, leveraging its scalability and real-time capabilities. 
                              </li>
                              <li>
                                Implementing real-time data updates using Firebase Streams, ensuring that users have access to the most current information without the need for manual refresh actions.
                              </li>
                              <li>
                                Effectively utilizing Streams in conjunction with the Provider package for state management, enabling dynamic UI updates and a responsive user interface. 
                              </li>
                              <li>
                                Structuring the codebase using the gSkinner MVC+S architecture, promoting code organization, maintainability, and scalability.
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panellisscreenshots" role="tabpanel">
                          <div class="row mb-4 mr-3">
                            <div class="col-md-6 my-3">
                              <img src="assets/img/lis/sign_in_tablet_7inch.png" class="card-img-top"
                                   alt="sign in screen">
                              <p class="project-content text-center">
                                The secure sign-in screen of the Livestock Information System, ensuring that only authorized personnel can access the application and its data. 
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/lis/farmer_registration_form.png" class="card-img-top"
                                   alt="farmer registration form screen">
                              <p class="project-content text-center">
                                The user-friendly farmer registration form, streamlining the process of adding new farmers to the database and capturing essential information for tailored extension services. 
                              </p>
                            </div>
                
                            <div class="col-md-6 my-3">
                              <img src="assets/img/lis/farmer_details.png" class="card-img-top"
                                   alt="Farmer Details screen">
                              <p class="project-content text-center">
                                The detailed farmer profile view, providing extension officers with a comprehensive overview of a farmer's information, including associated farms, livestock data, and historical interactions.
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/lis/farm_registration_form_tablet_7inch.png" class="card-img-top"
                                   alt="farm registration screen">
                              <p class="project-content text-center">
                                The intuitive farm registration screen, designed for efficient data entry and capturing key farm details, including location, size, and livestock types. 
                              </p>
                            </div>
                
                            <div class="col-md-6 my-3">
                              <img src="assets/img/lis/farm_animal_survey_form_tablet_10inch.png" class="card-img-top"
                                   alt="farm animal survey form screen">
                              <p class="project-content text-center">
                                The Animal Population Survey form, enabling extension officers to accurately record livestock populations, categorized by species and growth stage, providing valuable data for analysis and decision-making.
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/lis/farm_animal_population_details_tablet_10inch.png" class="card-img-top"
                                   alt="farm animal population details screen">
                              <p class="project-content text-center">
                                A detailed view of a farm's animal population data, providing insights into livestock trends, demographics, and potential areas for improvement. 
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="sshe" class="col mb-4 col-md-6">
                  <div class="card chart-card">
                    <div class="card-body pb-0">
                      <div class="d-flex justify-content-center">
                        <p class="display-4 text-center ">
                          <a href="https://play.google.com/store/apps/details?id=io.ccwc.sshe&hl=en&gl=US">Nabi-KCL SSHE</a>
                        </p>
                      </div>
                    </div>
                
                    <div class="classic-tabs">
                      <ul class="nav tabs-white nav-fill" role="tablist">
                        <li class="nav-item ml-0">
                          <a class="nav-link waves-light active" data-toggle="tab" href="#panelssheintroduction" role="tab">Introduction</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshepurposeandgoal" role="tab">Purpose and Goal</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshespotlight" role="tab">Technical Highlights</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshecurrentstatus" role="tab">Current Status</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshelessonlearned" role="tab">Key Learnings</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelsshescreenshots" role="tab">Screenshots</a>
                        </li>
                      </ul>
                
                      <div class="tab-content rounded-bottom">
                        <div class="tab-pane fade in show active" id="panelssheintroduction" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Nabi-KCL SSHE mobile application is a comprehensive health and safety solution developed to improve safety practices and incident management on the Nabi-KCL project. 
                            </p>
                            <p class="project-content">
                              This Flutter-based app provided a streamlined platform for recording and monitoring safety observations and incidents, enabling proactive risk mitigation and fostering a stronger safety culture.  
                            </p>
                            <p class="project-content">
                              The app is available on the <a href="https://play.google.com/store/apps/details?id=io.ccwc.sshe&hl=en&gl=US">Google Play Store</a>, demonstrating its user-friendly design and accessibility. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshepurposeandgoal" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The primary objective of the Nabi-KCL SSHE application was to elevate the health and safety culture on the Nabi-KCL project. 
                            </p>
                            <p class="project-content">
                              The app achieved this goal by providing a centralized system for recording and monitoring safety observations and incidents, empowering the project team to proactively identify potential hazards, track safety trends, and implement effective preventive measures. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshespotlight" role="tabpanel">
                          <div>
                            <p class="project-content">
                              Developing Nabi-KCL SSHE provided a valuable opportunity to explore data analytics and visualization tools. A key highlight of this project was integrating <a href="https://cloud.google.com/bigquery">BigQuery</a> to extract and query data from Firebase, followed by visualizing the analyzed data in an interactive <a href="https://datastudio.withgoogle.com">Google Data Studio</a> dashboard. 
                            </p>
                            <p class="project-content">
                              This process demonstrated the power of combining data analysis with mobile application development to provide actionable insights and improve safety outcomes. 
                            </p>
                            <p class="project-content">
                              Key features of the application include:
                            </p>
                            <ul>
                              <li>
                                An interactive Google Data Studio dashboard that provided comprehensive analysis of safety observations, enabling the project team to identify trends, potential hazards, and areas for improvement. 
                              </li>
                              <li>
                                Seamless offline and online functionality, allowing users to record observations and incidents even in areas with limited internet connectivity, ensuring uninterrupted data collection.  
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshecurrentstatus" role="tabpanel">
                          <div>
                            <p class="project-content">
                              While the Nabi-KCL SSHE app is no longer actively maintained, it served as an important project for enhancing my Flutter and Firebase skills. It was developed during my time as a Safety & Security officer on the Nabi-KCL project, showcasing my initiative to leverage technology for improving workplace safety.
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshelessonlearned" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Nabi-KCL SSHE project provided valuable insights and expanded my technical skill set in several key areas:
                            </p>
                            <ul>
                              <li>
                                Establishing a connection between BigQuery and a Firebase project, enabling seamless data extraction and analysis. 
                              </li>
                              <li>
                                Mastering the use of SQL commands within BigQuery to effectively query and analyze data stored in Firebase. 
                              </li>
                              <li>
                                Utilizing Google Data Studio to create interactive and insightful dashboards for visualizing data extracted from BigQuery. 
                              </li>
                              <li>
                                Seamlessly embedding a Google Data Studio dashboard into a Flutter application, enhancing the app's functionality and providing users with direct access to data-driven insights. 
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelsshescreenshots" role="tabpanel">
                          <div class="row mb-4 mr-3">
                            <div class="col-md-6 my-3">
                              <img src="assets/img/sshe/sshe_1.jpg" class="card-img-top" alt="Unsafe Observation dashboard">
                              <p class="project-content text-center">
                                A snapshot of the Unsafe Observation dashboard, providing a visual representation of unsafe practices recorded through the Nabi-KCL SSHE app. This dashboard enabled the project team to identify areas requiring immediate attention and implement targeted corrective actions. 
                              </p>
                            </div>
                
                            <div class="col-md-6 text-left mt-3">
                              <img src="assets/img/sshe/sshe_2.jpg" class="card-img-top" alt="Safety Observation dashboard">
                              <p class="project-content text-center">
                                A glimpse of the Safety Observation dashboard, showcasing positive safety practices observed on the project. This data helped reinforce positive behaviors, identify trends, and promote a culture of continuous safety improvement. 
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="lbpm" class="col mb-4 col-md-6">
                  <div class="card chart-card">
                    <div class="card-body pb-0">
                      <div class="d-flex justify-content-center">
                        <p class="display-4 text-center ">
                          <a href="https://apm.ccwc.io/#/layer_production">Layer Bird Profitability Model</a>
                        </p>
                      </div>
                    </div>
                
                    <div class="classic-tabs">
                      <ul class="nav tabs-white nav-fill" role="tablist">
                        <li class="nav-item ml-0">
                          <a class="nav-link waves-light active" data-toggle="tab" href="#panelapmintroduction" role="tab">Introduction</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelapmpurposeandgoal" role="tab">Project Origin</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelapmspotlight" role="tab">Technical Highlights</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelapmcurrentstatus" role="tab">Future Development</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelapmlessonlearned" role="tab">Key Learnings</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link waves-light" data-toggle="tab" href="#panelapmscreenshots" role="tab">Application Preview</a>
                        </li>
                      </ul>
                
                      <div class="tab-content rounded-bottom">
                        <div class="tab-pane fade in show active" id="panelapmintroduction" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Layer Bird Profitability Model (LBPM) is an interactive web application designed to empower poultry farmers by providing a comprehensive tool for analyzing the financial viability of their layer bird production systems. 
                            </p>
                            <p class="project-content">
                              This application features an interactive dashboard that overlays a detailed layer bird profitability model. Farmers can easily adjust cost and production parameters to reflect their specific operational conditions, allowing them to explore various scenarios and make data-driven decisions to optimize their businesses.
                            </p>
                            <p class="project-content">
                              LBPM dynamically recalculates income and expenditure projections based on the adjusted parameters, providing farmers with clear insights into the potential profitability of their operations under different circumstances.
                            </p>
                            <p class="project-content">
                              This project was built using Flutter for its cross-platform capabilities and hosted on Firebase for its scalability and ease of deployment. 
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelapmpurposeandgoal" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The Layer Bird Profitability Model originated from a client's request for assistance in creating a comprehensive business plan for a new Layer Bird Production Agribusiness.  
                            </p>
                            <p class="project-content">
                              After successfully completing the initial business plan, I recognized an opportunity to leverage my programming expertise and agricultural knowledge to create a tool that could benefit a wider audience of poultry farmers. This led to the development of the LBPM web application, making the profitability model accessible to farmers beyond the initial client engagement. 
                            </p>
                            <p class="project-content">
                              The project journey involved building the model initially in Excel for the client's specific requirements and then converting it into a dynamic and interactive web application for broader use and accessibility.
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelapmspotlight" role="tabpanel">
                          <div>
                            <p class="project-content">
                              A particularly rewarding aspect of developing LBPM was the challenge of rebuilding the Excel-based model from the ground up using Dart, leveraging Flutter's web capabilities to create an interactive and visually engaging user interface. 
                            </p>
                            <p class="project-content">
                              The key technical challenge was effectively utilizing the Provider package to dynamically update the UI whenever a user adjusted any model parameter. This involved creating a robust state management system that ensured seamless synchronization between user input and model outputs. 
                            </p>
                            <p class="project-content">
                              Overcoming these challenges through extensive research, Flutter documentation, and community support (Stack Overflow) deepened my understanding of Flutter's reactive framework and the Provider package's role in building efficient and responsive applications.
                            </p>
                            <p class="project-content">
                              The project's success is a testament to my ability to translate my Flutter expertise into practical solutions for real-world problems, particularly within the agricultural domain.
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelapmcurrentstatus" role="tabpanel">
                          <div>
                            <p class="project-content">
                              I am committed to the ongoing development and enhancement of LBPM. Future iterations will incorporate additional variables that influence profitability within layer bird production systems, providing farmers with even greater depth and accuracy in their financial analysis. 
                            </p>
                            <p class="project-content">
                              The positive feedback received from my former boss, an agricultural expert, has further motivated me to expand this project. His request to build similar models for other agricultural production systems highlights the potential for LBPM to serve as a foundation for a suite of agricultural decision-support tools.
                            </p>
                            <p class="project-content">
                              As I continue to develop LBPM, I am eager to collaborate with agricultural experts and companies to fine-tune the model and ensure its alignment with real-world industry practices and challenges.  
                            </p>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelapmlessonlearned" role="tabpanel">
                          <div>
                            <p class="project-content">
                              The LBPM project provided valuable hands-on experience with key Flutter concepts and packages, enhancing my skill set in several areas:
                            </p>
                            <ul>
                              <li>
                                Mastering the implementation of getters and setters in Dart, ensuring proper data encapsulation and controlled access to model parameters.
                              </li>
                              <li>
                                Gaining proficiency in using the Provider package for effective state management, allowing for efficient UI updates and a more responsive user experience. 
                              </li>
                              <li>
                                Integrating the Syncfusion Flutter Chart package to create visually appealing and informative charts, enhancing the dashboard's ability to convey complex data in an easily understandable format.
                              </li>
                            </ul>
                          </div>
                        </div>
                
                        <div class="tab-pane fade" id="panelapmscreenshots" role="tabpanel">
                          <div class="row mb-4 mr-3">
                            <div class="col-md-12 my-3">
                              <img src="assets/img/apm/layerbird_productivity_model.png" class="card-img-top" alt="Productivity Model Screen">
                              <p class="project-content text-center">
                                The LBPM's interactive dashboard, showcasing the user-friendly interface where farmers can adjust cost and production parameters to analyze different scenarios and explore the potential profitability of their layer bird production systems. 
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Panel 1 -->

            <!-- Panel 2 -->
            <div class="tab-pane fade" id="panelwebapps" role="tabpanel">

              <br>
              <div id="insidepanelwebapps" class="row row-cols-1 row-cols-md2">

              </div>


            </div>
            <!-- Panel 2 -->

            <!-- Panel 3 -->
            <div class="tab-pane fade" id="paneldashboards" role="tabpanel">

              <br>
              <div id="insidepaneldashboardapps" class="row row-cols-1 row-cols-md2">

              </div>

            </div>
            <!-- Panel 3 -->

            <!-- Panel 4 -->
            <div class="tab-pane fade" id="panelmobileapps" role="tabpanel">

              <br>

              <div id="insidepanelmobileapps" class="row row-cols-1 row-cols-md2">

              </div>
            </div>
            <!-- Panel 4 -->
            <!-- Panel 5 -->
            <div class="tab-pane fade" id="paneldesktopapps" role="tabpanel">

              <br>

              <div id="insidepaneldesktopapps" class="row row-cols-1 row-cols-md2">

              </div>
            </div>
            <!-- Panel 5 -->
          </div>
    </div>
    <!-- Tab panels -->

    </section>
    <!-- Projects section v.2 -->

    </section>
    <!-- Fourth section -->

    <hr>

    </div>
    <!-- Fourth container -->

    <div class="container pt-3 pb-3">

      <!-- Section: Testimonials v.2 -->
      <section class="section py-5 mb-4">

        <!-- Section heading -->
        <h2 class="text-uppercase text-center font-weight-bold my-4 wow fadeIn" data-wow-delay="0.2s">Testimonials
        </h2>

        <hr class="between-sections">

        <!-- Carousel Wrapper -->
        <div class="wrapper-carousel-fix">

          <div id="carousel-example-1" class="carousel no-flex testimonial-carousel slide carousel-fade"
            data-ride="carousel" data-interval="false">

            <!-- Slides -->
            <div class="carousel-inner" role="listbox">

              <div id="matteo" class="carousel-item active">

                <div class="testimonial mt-4 text-center">

                  <!-- Content -->
                  <p class="text-justify"><i class="fas fa-quote-left"></i>
                    Curtly is one of the most talented professional I have ever encountered.
                    I first met him when visiting his office at the Ministry of Agriculture, and what was supposed to be
                    a simple field visit turned into a showcase of his data management and monitoring systems at GLDA.
                    Our team was utterly impressed with what he had created. He had managed to gather a large amount of
                    various types of data and neatly organise it and categorise it, while providing meaningful and
                    useful summaries and visualisations.
                    Besides being an expert in what he does, he also is very determined and learns quickly.
                  </p>
                  <p class="text-justify"><i class=""></i>
                    After recommending him to look into Python for his future data endeavours, he mastered the
                    programming language in no time and applied it skilfully at the Ministry of Finance. I learnt a lot
                    from working with Curtly. He is a very nice colleague and a great developer who
                    always delivers top-notch work.
                  </p>


                  <div class="mt-4">

                    <h5><strong>Matteo Ramina</strong></h5>

                    <p>Associate Economic Affairs Officer at United Nations</p>

                  </div>

                  <!-- Review -->
                  <div class="indigo-text">

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <!-- <i class="fas fa-star-half-alt"> </i> -->

                  </div>

                </div>

              </div>

              <div class="carousel-item">

                <div class="testimonial mt-4 text-center">

                  <!-- Content -->
                  <p class="text-justify"><i class="fas fa-quote-left"></i>
                    Curtly is very passionate. It is very normal to see people who learn new technologies to stay on top
                    of industry trends. However, Curtly learns to create a real impact in the world! His purpose of
                    learning data science and web development was to help Guyana's Agriculture Ministry to make
                    data-driven decisions for increased efficiency. From manually going through each spreadsheet file to
                    automating it and growing so far to even creating a website for the agriculture ministry, Curtly has
                    demonstrated that passion can drive through obstacles and bring forth success!
                  </p>

                  <div class="mt-4">

                    <h5><strong>Sahil Sunny</strong></h5>

                    <p>Sr. Technical Success Specialist at Dataquest.io</p>

                  </div>

                  <!-- Review -->
                  <div class="indigo-text">

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <!-- <i class="fas fa-star-half-alt"> </i> -->

                  </div>

                </div>

              </div>
              <div class="carousel-item">

                <div class="testimonial mt-4 text-center">

                  <!-- Content -->
                  <p class="text-justify"><i class="fas fa-quote-left"></i>
                    I am happy that Mr Critchlow, holder of a Bachelor Degree in Biology has taken to Computer Science
                    without any formal knowledge. He was able to self-learn through online courses, and with his
                    dedication and commitment to solving all evolving challenges, has transformed the way the agency
                    provides support services to stakeholders in the livestock sub-sector. His expertise is unmatched
                    locally.
                  </p>

                  <div class="mt-4">

                    <h5><strong>Cymeon Nedd</strong></h5>

                    <p>Admin & Finance Manager at Guyana Livestock Development Authority</p>

                  </div>

                  <!-- Review -->
                  <div class="indigo-text">

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <i class="fas fa-star"> </i>

                    <!-- <i class="fas fa-star-half-alt"> </i> -->

                  </div>

                </div>

              </div>




            </div>
            <!-- Slides -->

            <!-- Controls -->
            <a class="carousel-control-prev left carousel-control" href="#carousel-example-1" role="button"
              data-slide="prev">

              <span class="icon-prev" aria-hidden="true"></span>

              <span class="sr-only">Previous</span>

            </a>

            <a class="carousel-control-next right carousel-control" href="#carousel-example-1" role="button"
              data-slide="next">

              <span class="icon-next" aria-hidden="true"></span>

              <span class="sr-only">Next</span>

            </a>
            <!-- Controls -->

          </div>
          <!-- Carousel Wrapper -->

        </div>

      </section>
      <!-- Section: Testimonials v.2 -->

    </div>
    <hr class="between-sections">
    <!-- Contact form -->
    <div id="contact" class="container">

      <!-- Section: Contact v.2 -->
      <section class="section contact-section mt-4 mb-5">

        <!-- Section heading -->
        <h2 class="text-center text-uppercase my-5 pt-5 wow fadeIn" data-wow-delay="0.2s">Contact <strong>me</strong>
        </h2>

        <!-- Section sescription -->
        <p class="text-center w-responsive mx-auto mb-5 pb-4 wow fadeIn" data-wow-delay="0.2s">
          Feel free to reach out if you're looking for a developer, have a question or just want to connect.
        </p>





        <!-- Second column -->
        <div class="col-md-12">

          <ul class="contact-icons list-unstyled text-center">

            <li><i class="fas fa-map-marker-alt fa-2x"></i>

              <p>Georgetown, Guyana</p>

            </li>

            <li><i class="fas fa-phone fa-2x"></i>

              <p>+ 592 659 8496</p>

            </li>

            <li><i class="fas fa-envelope fa-2x"></i>

              <p>curtlycritchlow@ccwc.io</p>

            </li>

          </ul>

        </div>
        <!-- Second column -->

    </div>



    </section>
    <!-- Section: Contact v.2 -->

    </div>

    <!-- Contact form -->
    <div class="streak1">

      <div class="flex-center">

        <ul class="list-unstyled">


          <li>
            <h2 class="h2-responsive mt-5 wow fadeIn">Looking for a developer, have a question or want to
              connect?</h2>
          </li>



          <li>
            <h5 class="h5-responsive wow fadeIn" data-wow-delay="0.2s">Just send me a message!</h5>
          </li>

        </ul>

      </div>

    </div>
    <!-- Customers carousel -->

  </main>



  <!-- Scrollspy -->
  <div class="dotted-scrollspy clearfix d-none d-sm-block">

    <ul class="nav smooth-scroll flex-column">

      <li class="nav-item"><a class="nav-link" href="#home"><span></span></a></li>

      <li class="nav-item"><a class="nav-link" href="#about"><span></span></a></li>

      <li class="nav-item"><a class="nav-link" href="#skills"><span></span></a></li>

      <li class="nav-item"><a class="nav-link" href="#works"><span></span></a></li>

      <li class="nav-item"><a class="nav-link" href="#contact"><span></span></a></li>

    </ul>

  </div>
  <!-- Scrollspy -->

  <!-- SCRIPTS -->
  <!-- JQuery -->
  <script type="text/javascript " src="assets/js/jquery-3.4.1.min.js "></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript " src="assets/js/popper.min.js "></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript " src="assets/js/bootstrap.min.js "></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript " src="assets/js/mdb.min.js "></script>

  <script>
    // initialize scrollspy
    $('body').scrollspy({

      target: '.dotted-scrollspy'
    });

    // initialize lightbox
    $(function () {

      $("#mdb-lightbox-ui").load("../mdb-addons/mdb-lightbox-ui.html");
    });

    $('.navbar-collapse a').click(function () {

      $(".navbar-collapse").collapse('hide');
    });

    /* WOW.js init */
    new WOW().init();

    $(document).ready(
      $("#lbpm").clone().appendTo("#insidepanelwebapps"),
      $("#gpmf").clone().appendTo("#insidepanelwebapps"),
      $("#lis").clone().appendTo("#insidepanelmobileapps"),
      $("#atDataBrowser").clone().appendTo("#insidepanelmobileapps"),
      $("#sshNoPortsDesktop").clone().appendTo("#insidepaneldesktopapps"),
      $("#sshe").clone().appendTo("#insidepanelmobileapps"),


    )



  </script>





</body>

</html>