RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / tuitioncoin.org /
Filename : index.html
back
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Tuition Coin | Digital assets for education</title>

    <!-- SEO Meta Tags -->
    <meta name="description" content="Tuition Coin | Digital assets for education">
    <meta name="keywords" content="blockchain, education, rewards, social, impact, crypto, cryptocurrency, ethereum, erc20, crystal chain, finance, digital, assets">
    <meta name="author" content="Crystal Chain">

    <!-- Viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon and Touch Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/site.webmanifest">
    <link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#6366f1">
    <link rel="shortcut icon" href="assets/favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#080032">
    <meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <!-- Vendor Styles -->
    <link rel="stylesheet" media="screen" href="assets/vendor/boxicons/css/boxicons.min.css"/>
    <link rel="stylesheet" media="screen" href="assets/vendor/swiper/swiper-bundle.min.css"/>
    <link rel="stylesheet" media="screen" href="assets/vendor/img-comparison-slider/dist/styles.css"/>

    <!-- Main Theme Styles + Bootstrap -->
    <link rel="stylesheet" media="screen" href="assets/css/theme.min.css">

    <!-- Page loading styles -->
    <style>
      .page-loading {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s .2s ease-in-out;
        transition: all .4s .2s ease-in-out;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 9999;
      }
      .dark-mode .page-loading {
        background-color: #0b0f19;
      }
      .page-loading.active {
        opacity: 1;
        visibility: visible;
      }
      .page-loading-inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        opacity: 0;
      }
      .page-loading.active > .page-loading-inner {
        opacity: 1;
      }
      .page-loading-inner > span {
        display: block;
        font-size: 1rem;
        font-weight: normal;
        color: #9397ad;
      }
      .dark-mode .page-loading-inner > span {
        color: #fff;
        opacity: .6;
      }
      .page-spinner {
        display: inline-block;
        width: 2.75rem;
        height: 2.75rem;
        margin-bottom: .75rem;
        vertical-align: text-bottom;
        border: .15em solid #b4b7c9;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner .75s linear infinite;
        animation: spinner .75s linear infinite;
      }
      .dark-mode .page-spinner {
        border-color: rgba(255,255,255,.4);
        border-right-color: transparent;
      }
      @-webkit-keyframes spinner {
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @keyframes spinner {
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
    </style>

    <!-- Theme mode -->
    <script>
      let mode = window.localStorage.getItem('mode'),
          root = document.getElementsByTagName('html')[0];
      if (mode !== null && mode === 'dark') {
        root.classList.add('dark-mode');
      } else {
        root.classList.remove('dark-mode');
      }
    </script>

    <!-- Page loading scripts -->
    <script>
      (function () {
        window.onload = function () {
          const preloader = document.querySelector('.page-loading');
          preloader.classList.remove('active');
          setTimeout(function () {
            preloader.remove();
          }, 1000);
        };
      })();
    </script>
  </head>


  <!-- Body -->
  <body>
    
    <!-- Page loading spinner -->
    <div class="page-loading active">
      <div class="page-loading-inner">
        <div class="page-spinner"></div><span>Loading...</span>
      </div>
    </div>


    <!-- Page wrapper for sticky footer -->
    <!-- Wraps everything except footer to push footer to the bottom of the page if there is little content -->
    <main class="page-wrapper">


      <!-- Navbar -->
      <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page -->
      <header class="header navbar navbar-expand-lg navbar-dark position-absolute navbar-sticky">
        <div class="container px-3">
          <a href="index.html" class="navbar-brand pe-3">
            <img src="assets/img/logo.svg" width="47" alt="Tuition Coin">
            Tuition Coin
          </a>
          
          <div class="dark-mode pe-lg-1 ms-auto me-4">
            <div class="form-check form-switch mode-switch" data-bs-toggle="mode">
              <input type="checkbox" class="form-check-input" id="theme-mode">
              <label class="form-check-label d-none d-sm-block" for="theme-mode">Light</label>
              <label class="form-check-label d-none d-sm-block" for="theme-mode">Dark</label>
            </div>
          </div>
          
          
          
            <a href="assets/TUIT Whitepaper.pdf" class="btn btn-primary btn-sm fs-sm rounded me-4 d-none d-lg-inline-flex" target="_blank" rel="noopener">
              <i class="bx bx-book-open fs-5 lh-1 me-1"></i>
              &nbsp;Whitepaper
            </a>
            <a href="https://t.me/tuitioncoin" class="btn btn-secondary btn-sm fs-sm rounded d-none d-lg-inline-flex" target="_blank" rel="noopener">
              <i class="bx bxl-telegram fs-5 lh-1 me-1"></i>
              &nbsp;Connect on Telegram
            </a>
          
          
        </div>
      </header>


      <!-- Hero -->
      <section class="position-relative overflow-hidden">
        <div class="position-relative bg-dark zindex-4 pt-lg-3 pt-xl-5">
  
          <!-- Text -->
          <div class="container zindex-5 pt-5">
            <div class="row justify-content-center text-center pt-4 pb-sm-2 py-lg-5">
              <div class="col-xl-8 col-lg-9 col-md-10 py-5">
                <h1 class="display-4 text-light pt-sm-2 pb-1 pb-sm-3 mb-3">Transforming Rewards and Engagement with TUIT</h1>
                <p class="fs-lg text-light opacity-70 pb-2 pb-sm-0 mb-4 mb-sm-5">TUIT (Tuition Coin) aims to foster an environment that encourages learning, growth, and collaboration by offering rewards for academic achievements and engagement.</p>
                <a href="https://app.uniswap.org/swap?outputCurrency=0x963Cd3E835D81ce8e4AE4836E654336DAB4298E9&chain=ethereum" class="btn btn-primary shadow-primary btn-lg">Trade on Uniswap</a>
              </div>
            </div>
          </div>
  
          <!-- Bottom shape -->
          <div class="d-flex position-absolute top-100 start-0 w-100 overflow-hidden mt-n4 mt-sm-n1" style="color: var(--si-dark);">
            <div class="position-relative start-50 translate-middle-x flex-shrink-0" style="width: 3788px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="3788" height="144" viewBox="0 0 3788 144"><path fill="currentColor" d="M0,0h3788.7c-525,90.2-1181.7,143.9-1894.3,143.9S525,90.2,0,0z"/></svg>
            </div>
          </div>
          <div class="d-none d-lg-block" style="height: 300px;"></div>
          <div class="d-none d-md-block d-lg-none" style="height: 150px;"></div>
        </div>
        <div class="position-relative zindex-5 mx-auto" style="max-width: 1250px; transform: translateZ(-100px);">
          <div class="d-none d-lg-block" style="margin-top: -300px;"></div>
          <div class="d-none d-md-block d-lg-none" style="margin-top: -150px;"></div>
            
          <!-- Parallax (3D Tilt) gfx -->
          <div class="tilt-3d" data-tilt data-tilt-full-page-listening data-tilt-max="12" data-tilt-perspective="1200">
            <img src="assets/img/landing/saas-2/hero/cfc-layer01.png" alt="Dashboard">
            <div class="tilt-3d-inner position-absolute top-0 start-0 w-100 h-100">
              <img src="assets/img/landing/saas-2/hero/cfc-layer02.png" alt="Cards">
            </div>
          </div>
        </div>
        <div class="position-absolute top-0 start-0 w-100 h-100" style="background-color: rgba(255,255,255,.05);"></div>
      </section>
      
       

      <!-- Features -->
      <section class="position-relative py-5">
        <div class="container position-relative zindex-5 pb-md-4 pt-md-2 pt-lg-3 pb-lg-5">
          <div class="row justify-content-center text-center pb-3 mb-sm-2 mb-lg-3">
            <div class="col-xl-6 col-lg-7 col-md-9">
              <h2 class="h1 mb-lg-4">TUIT and its mission</h2>
              <p class="fs-lg text-muted mb-0">TUIT's core mission is built on three key pillars:</p>
            </div>
          </div>
          <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-0 pb-xl-3">

            <!-- Item -->
            <div class="col position-relative">
              <div class="card border-0 bg-transparent rounded-0 p-md-1 p-xl-3">
                <div class="d-table bg-secondary rounded-3 p-3 mx-auto mt-3 mt-md-4">
                  <img src="assets/img/landing/saas-2/features/comments.svg" width="40" alt="Comments">
                </div>
                <div class="card-body text-center">
                  <h3 class="h5 pb-1 mb-2">Incentivizing learning</h3>
                  <p class="mb-0">By offering rewards for academic achievements, TUIT motivates users, whether students, parents, or guardians, to take a more active role in the learning process.</p>
                </div>
              </div>
              <hr class="position-absolute top-0 end-0 w-1 h-100 d-none d-sm-block">
              <hr class="position-absolute top-100 start-0 w-100 d-none d-sm-block">
            </div>

            <!-- Item -->
            <div class="col position-relative">
              <div class="card border-0 bg-transparent rounded-0 p-md-1 p-xl-3">
                <div class="d-table bg-secondary rounded-3 p-3 mx-auto mt-3 mt-md-4">
                  <img src="assets/img/landing/saas-2/features/analytics.svg" width="40" alt="Analytics">
                </div>
                <div class="card-body text-center">
                  <h3 class="h5 pb-1 mb-2">Encouraging engagement</h3>
                  <p class="mb-0">TUIT's token-based reward system promotes active participation in the learning process, leading to better understanding, retention, and application of knowledge.</p>
                </div>
              </div>
              <hr class="position-absolute top-0 end-0 w-1 h-100 d-none d-md-block">
              <hr class="position-absolute top-100 start-0 w-100 d-none d-sm-block">
            </div>

            <!-- Item -->
            <div class="col position-relative">
              <div class="card border-0 bg-transparent rounded-0 p-md-1 p-xl-3">
                <div class="d-table bg-secondary rounded-3 p-3 mx-auto mt-3 mt-md-4">
                  <img src="assets/img/landing/saas-2/features/group.svg" width="40" alt="Group">
                </div>
                <div class="card-body text-center">
                  <h3 class="h5 pb-1 mb-2">Fostering collaboration</h3>
                  <p class="mb-0">Get access to KYC verfied database of beneficiaries powered by Tuition Coin partners.</p>
                </div>
              </div>
              <hr class="position-absolute top-0 end-0 w-1 h-100 d-none d-sm-block d-md-none">
              <hr class="position-absolute top-100 start-0 w-100 d-none d-sm-block">
            </div>

           
          </div>
        </div>
        <div class="position-absolute top-0 start-0 w-100 h-100" style="background-color: rgba(255,255,255,.05);"></div>
      </section>

      <!-- Service -->
      <section class="container pt-2 pt-lg-4 mb-md-3 mb-lg-5 mt-5 pb-5">
        <div class="row">
          <div class="col-md-6 pb-2 pb-md-0 mb-4 mb-md-0">
            <div class="pe-lg-5">
              <img src="assets/img/services/service03.jpg" class="rounded-3" alt="Image">
            </div>
          </div>
          <div class="col-md-6">
            <h2 class="h3 mb-sm-4">Market Capitalization: $307,053,395.05</h2>
            <p class="d-md-none d-xl-block pb-2 pb-md-3 mb-3">TUIT aims to support children in saving for future education expenses and college tuition. To achieve this, users of all our EdTech partners are required to vest until the children reach 18 years of age. This extended vesting period ensures the stability of the entire ecosystem.</p>
            <div class="border rounded-3 mb-4 mb-lg-5">
              <div class="row row-cols-1 row-cols-sm-2 g-0">
                <div class="col d-flex align-items-center border-end-sm border-bottom p-3">
                  <img src="assets/img/services/icons/asset.svg" width="48" alt="Icon">
                  <div class="ps-2 ms-1">
                    <h3 class="h6 mb-0">1,223,320,299 TUIT</h3>
                    <p class="fs-xs mb-0">Circulating Supply</p>
                  </div>
                </div>
                <div class="col d-flex align-items-center border-bottom p-3">
                  <img src="assets/img/services/icons/operations.svg" width="48" alt="Icon">
                  <div class="ps-2 ms-1">
                    <h3 class="h6 mb-0">10 Billion</h3>
                    <p class="fs-xs mb-0">Maximum Supply</p>
                  </div>
                </div>
                <div class="col d-flex align-items-center border-end-sm p-3">
                  <img src="assets/img/services/icons/finance.svg" width="48" alt="Icon">
                  <div class="ps-2 ms-1">
                    <h3 class="h6 mb-0">$0.251</h3>
                    <p class="fs-xs mb-0">Current Market Price</p>
                  </div>
                </div>
                <hr class="d-sm-none">
                <div class="col d-flex align-items-center p-3">
                  <img src="assets/img/services/icons/audit.svg" width="48" alt="Icon">
                  <div class="ps-2 ms-1">
                    <h3 class="h6 mb-0">2 Billion</h3>
                    <p class="fs-xs mb-0">Reserved For EdTech Partners</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="d-flex flex-column flex-lg-row">
              
              
              <a href="https://etherscan.io/token/0x963cd3e835d81ce8e4ae4836e654336dab4298e9" class="btn btn-primary btn-sm fs-sm rounded mx-2 d-lg-inline-flex" target="_blank" rel="noopener">
                <i class="bx bx-book-open fs-5 lh-1 me-1"></i>
                View on Etherscan
              </a>
              <br>
              <a href="https://www.dextools.io/app/en/ether/pair-explorer/0xe0fca1c1f2e6b07a9096723ceac992e721a54e7c?t=1715566919251" class="btn btn-secondary btn-sm fs-sm rounded d-lg-inline-flex" target="_blank" rel="noopener">
                &nbsp;View on
                <img class="px-2" src="assets/img/DEXTools_ black.png" width="120" alt="Icon">
                
              </a>
            </div>
          </div>
        </div>
      </section>

      <!-- Light / Dark mode (Comparison slider) 
      <section class="d-flex w-100 position-relative overflow-hidden">
        <div class="position-relative flex-xl-shrink-0 zindex-5 start-50 translate-middle-x" style="max-width: 1920px;">
          <div class="mx-md-n5 mx-xl-0">
            <div class="mx-n4 mx-sm-n5 mx-xl-0">
              <div class="mx-n5 mx-xl-0">
                <img-comparison-slider class="mx-n5 mx-xl-0">
                <img slot="second" src="assets/img/landing/saas-2/light-mode.jpg" alt="Light Mode">
                <img slot="first" src="assets/img/landing/saas-2/dark-mode.jpg" alt="Dak Mode">
                  
                  <div slot="handle" style="width: 36px;">
                    <svg class="text-primary shadow-primary rounded-circle" width="36" height="36" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 36 36"><g><circle fill="currentColor" cx="18" cy="18" r="18"/></g><path fill="#fff" d="M22.2,17.2h-8.3v-3.3L9.7,18l4.2,4.2v-3.3h8.3v3.3l4.2-4.2l-4.2-4.2V17.2z"/></svg>
                  </div>
                </img-comparison-slider>
              </div>
            </div>
          </div>
        </div>
        <div class="position-absolute top-0 start-0 w-50 h-100 bg-dark"></div>
        <div class="position-absolute top-0 end-0 w-50 h-100" style="background-color: #f3f6ff;"></div>
      </section> -->


      <!-- Testimonials -->
      <section class="container py-5 my-2 my-md-4 my-lg-5">
        <div class="row pt-2 py-xl-3">
          <div class="col-lg-3 col-md-4">
            <h2 class="h1 text-center text-md-start mx-auto mx-md-0 pt-md-2" style="max-width: 300px;">Key Areas<br class="d-none d-md-inline">of Focus for Growth</h2>

            <!-- Slider controls (Prev / next buttons) -->
            <div class="d-flex justify-content-center justify-content-md-start pb-4 mb-2 pt-2 pt-md-4 mt-md-5">
              <button type="button" id="prev-testimonial" class="btn btn-prev btn-icon btn-sm me-2">
                <i class="bx bx-chevron-left"></i>
              </button>
              <button type="button" id="next-testimonial" class="btn btn-next btn-icon btn-sm ms-2">
                <i class="bx bx-chevron-right"></i>
              </button>
            </div>
          </div>
          <div class="col-lg-9 col-md-8">
            <div class="swiper mx-n2" data-swiper-options='{
              "slidesPerView": 1,
              "spaceBetween": 8,
              "loop": true,
              "navigation": {
                "prevEl": "#prev-testimonial",
                "nextEl": "#next-testimonial"
              },
              "breakpoints": {
                "500": {
                  "slidesPerView": 2
                },
                "1000": {
                  "slidesPerView": 2
                },
                "1200": {
                  "slidesPerView": 3
                }
              }
            }'>
              <div class="swiper-wrapper">
  
                <!-- Item -->
                <div class="swiper-slide h-auto pt-4">
                  <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
                    <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                      <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                        <i class="bx bxs-network-chart"></i>
                      </span>
                      <blockquote class="card-body pb-3 mb-0">
                        <h3 class="h5 pb-1 mb-2">Expanding Partnerships</h3>
                        <p class="mb-0">By creating a collaborative network, TUIT can drive innovation and provide new opportunities for students, educators, and institutions.</p>
                      </blockquote>
                      
                    </div>
                    
                  </figure>
                </div>
  
                <!-- Item -->
                <div class="swiper-slide h-auto pt-4">
                  <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
                    <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                      <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                        <i class="bx bxs-cloud-upload"></i>
                      </span>
                      <blockquote class="card-body pb-3 mb-0">
                        <h3 class="h5 pb-1 mb-2">Technological Advancements</h3>
                        <p class="mb-0">We continue to invest in research and development to stay at the forefront of technological advancements in the education and blockchain sectors.</p>
                      </blockquote>
                      
                    </div>
                    
                  </figure>
                </div>
  
                <!-- Item -->
                <div class="swiper-slide h-auto pt-4">
                  <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
                    <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                      <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                        <i class="bx bxs-microphone"></i>
                      </span>
                      <blockquote class="card-body pb-3 mb-0">
                        <h3 class="h5 pb-1 mb-2">Community Involvement</h3>
                        <p class="mb-0"> The project will prioritize fostering community involvement through various initiatives, votings, events, and open discussions.</p>
                      </blockquote>
                      
                    </div>
                    
                  </figure>
                </div>
  
                <!-- Item -->
                <div class="swiper-slide h-auto pt-4">
                  <figure class="d-flex flex-column h-100 px-2 px-sm-0 mb-0 mx-2">
                    <div class="card h-100 position-relative border-0 shadow-sm pt-4">
                      <span class="btn btn-icon btn-primary shadow-primary pe-none position-absolute top-0 start-0 translate-middle-y ms-4">
                        <i class="bx bxs-message-square-error"></i>
                      </span>
                      <blockquote class="card-body pb-3 mb-0">
                        <h3 class="h5 pb-1 mb-2">Onboarding Support</h3>
                        <p class="mb-0">Support may include technical assistance, marketing collaboration, and access to smart contracts library.</p>
                      </blockquote>
                      
                    </div>
                    
                  </figure>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>


      <!-- App download CTA -->
      <section class="container">
        <div class="bg-secondary rounded-3 overflow-hidden py-5 px-4 ps-lg-0 pe-md-5 pe-lg-0">
          <div class="row align-items-center py-sm-2">

            <!-- Parallax gfx -->
            <div class="col-md-7 col-lg-6 offset-xl-1">
              <div class="position-relative mx-auto mb-5 m-md-0" style="max-width: 526px;">
                <img src="assets/img/landing/saas-2/cfc-device.png" class="d-block" alt="Device">
                <div class="rellax d-block position-absolute top-0 end-0 w-100 mt-md-4 me-md-n5" alt="App Screen" data-rellax-percentage="0.5" data-rellax-vertical-scroll-axis="xy" data-rellax-horizontal-speed="0.6" data-rellax-vertical-speed="-0.6" data-disable-parallax-down="md">
                  <img src="assets/img/landing/saas-2/cfc-screen.png">
                </div>
              </div>
            </div>

            <!-- Text + Download buttons -->
            <div class="col-xl-4 col-md-5 mb-5 mt-n2 mt-md-0">
              <p class="text-muted"> </p>

              <h3 class="h4 text-center text-md-start mb-1">Introducing our initial launch partner</h3>
              <h2 class="h1 text-center text-md-start mb-2 mb-lg-2">Coins For College: <br>Making Learning Rewarding</h2>
              <p class="text-muted mb-5">Coins For College builds connections among parents, foster care agencies, and children while facilitating sponsorships from businesses and philanthropists.</p>
              <div class="row">
                <div class="col-sm-6 col-md-12 pb-4 pb-sm-0">
                  
                  
                  
                  <div class="row row-cols-1 row-cols-lg-2 align-items-end text-center text-md-start pb-md-4 mb-lg-3">
                    
                    <div class="col d-lg-flex ">
                      <a target="_blank" href="https://coinsforcollege.org" class="btn btn-dark btn-lg px-3 py-2">
                        <img src="assets/img/visit-cfc_Light.svg" class="light-mode-img" width="124" alt="Learn More">
                        <img src="assets/img/visit-cfc-01.svg" class="dark-mode-img" width="124" alt="Learn More">
                      </a>        
                    </div>
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div>
      </section>



      <!-- Edtech -->
      <section class="container mt-n1 mt-md-0 py-5">
        <div class="row justify-content-center text-center pt-md-3 pb-4 py-lg-5 mb-1">
          <div class="col-xl-8 col-lg-9 col-md-10">
            <h2 class="h1 mb-lg-4">TUIT For Edtech Platforms</h2>
            <p class="fs-lg text-muted mb-0">By integrating with the TUIT platform, edtech platforms can enhance their existing reward systems, differentiate themselves from competitors, and attract a broader user base.</p>
          </div>
        </div>
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-2 g-sm-3 g-lg-4 pb-md-3 pb-lg-5">
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bxs-gift.svg" class="d-block mb-4" width="56" alt="reward">
              
              <p class="mb-0">Edtech platforms can elevate their existing reward systems and offer users an incentive that can be utilized outside the platform.</p>
            </div>
          </div>
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bxs-dashboard.svg" class="d-block mb-4" width="56" alt="apps">
              <p class="mb-0">An interconnected ecosystem of edtech solutions, with platforms working together to create a comprehensive experience.</p>
            </div>
          </div>

          
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bxs-bank-08.svg" class="d-block mb-4" width="56" alt="group">
              <p class="mb-0"> Higher user satisfaction, more referrals, and a stronger community of users who are loyal to the platform.</p>
            </div>
          </div>
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bxs-bank-05.svg" class="d-block mb-4" width="56" alt="partner">
              <p class="mb-0">Attract additional partnerships, sponsorships, and investment, further fueling the platform's expansion and development.</p>
            </div>
          </div>
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bx-code-alt.svg" class="d-block mb-4" width="56" alt="code">
              <p class="mb-0">Enhance platform's reputation and attract users who value innovation and technological advancements in education.</p>
            </div>
          </div>
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bx-line-chart.svg" class="d-block mb-4" width="56" alt="growth">
              <p class="mb-0">Appeal to a broader user base, attract more users, boost registrations, and expand their market reach.</p>
            </div>
          </div>
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bx-repost.svg" class="d-block mb-4" width="56" alt="repeat">
              <p class="mb-0"> Leverage smart contracts to automate various processes and tasks within the platform.</p>
            </div>
          </div>
          
          <!-- Item -->
          <div class="col">
            <div class="card card-body card-hover bg-light border-0">
              <img src="assets/img/q_bx-receipt.svg" class="d-block mb-4" width="56" alt="receipt">
              <p class="mb-0">All interactions within the ecosystem are recorded on the blockchain, ensuring that every action can be traced, verified, and audited.</p>
            </div>
          </div>
        </div>
      </section>

       <!-- Team -->
       <section class="container mb-5 py-lg-3 py-xl-4 py-xxl-5">
        <div class="row justify-content-center text-center pt-md-3 pb-4 py-lg-5 mb-1">
          <div class="col-xl-8 col-lg-9 col-md-10">
            <h2 class="h1 mb-lg-4">The Team Behind TUIT</h2>
          </div>
        </div>

        <!-- Team grid -->
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 pb-lg-2 pb-xl-3">

          <!-- Item -->
          <div class="col">
            <div class="card card-hover border-0 bg-transparent">
              <div class="position-relative">
                <img src="assets/img/team/anonymous.jpg" class="rounded-3" alt="Ralph Edwards">
                <div class="card-img-overlay d-flex flex-column align-items-center justify-content-center rounded-3">
                  <span class="position-absolute top-0 start-0 w-100 h-100 bg-primary opacity-35 rounded-3"></span>
                  <div class="position-relative d-flex zindex-2">
                    
                    <a href="https://www.linkedin.com/in/saurabh-kumar-4123b380/" class="btn btn-icon btn-secondary btn-linkedin btn-sm bg-white me-2">
                      <i class="bx bxl-linkedin"></i>
                    </a>
                    
                  </div>
                </div>
              </div>
              <div class="card-body text-center p-3">
                <h3 class="fs-lg fw-semibold pt-1 mb-2">Saurabh Singh</h3>
                <p class="fs-sm mb-0">Founder</p>
              </div>
            </div>
          </div>

          <!-- Item -->
          <div class="col">
            <div class="card card-hover border-0 bg-transparent">
              <div class="position-relative">
                <img src="assets/img/team/aman.jpg" class="rounded-3" alt="Albert Flores">
                <div class="card-img-overlay d-flex flex-column align-items-center justify-content-center rounded-3">
                  <span class="position-absolute top-0 start-0 w-100 h-100 bg-primary opacity-35 rounded-3"></span>
                  <div class="position-relative d-flex zindex-2">
                    
                    <a href="https://www.linkedin.com/in/amankumarindia/" class="btn btn-icon btn-secondary btn-linkedin btn-sm bg-white me-2">
                      <i class="bx bxl-linkedin"></i>
                    </a>
                    <a href="https://twitter.com/23Akumar" class="btn btn-icon btn-secondary btn-twitter btn-sm bg-white">
                      <i class="bx bxl-twitter"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="card-body text-center p-3">
                <h3 class="fs-lg fw-semibold pt-1 mb-2">Aman Kumar</h3>
                <p class="fs-sm mb-0">Senior Developer</p>
              </div>
            </div>
          </div>

          <!-- Item -->
          <div class="col">
            <div class="card card-hover border-0 bg-transparent">
              <div class="position-relative">
                <img src="assets/img/team/kriti.jpeg" class="rounded-3" alt="Jenny Wilson">
                <div class="card-img-overlay d-flex flex-column align-items-center justify-content-center rounded-3">
                  <span class="position-absolute top-0 start-0 w-100 h-100 bg-primary opacity-35 rounded-3"></span>
                  <div class="position-relative d-flex zindex-2">
                    
                    <a href="https://www.linkedin.com/in/kriti-gupta-118b6051/" class="btn btn-icon btn-secondary btn-linkedin btn-sm bg-white me-2">
                      <i class="bx bxl-linkedin"></i>
                    </a>
                    
                  </div>
                </div>
              </div>
              <div class="card-body text-center p-3">
                <h3 class="fs-lg fw-semibold pt-1 mb-2">Kriti Gupta</h3>
                <p class="fs-sm mb-0">Financial Advisor</p>
              </div>
            </div>
          </div>

          <!-- Item -->
          <div class="col">
            <div class="card card-hover border-0 bg-transparent">
              <div class="position-relative">
                <img src="assets/img/team/anonymous.jpg" class="rounded-3" alt="Marvin McKinney">
                <div class="card-img-overlay d-flex flex-column align-items-center justify-content-center rounded-3">
                  <span class="position-absolute top-0 start-0 w-100 h-100 bg-primary opacity-35 rounded-3"></span>
                  
                </div>
              </div>
              <div class="card-body text-center p-3">
                
                <p class="fs-sm mb-0">DeFi Consultant</p>
              </div>
            </div>
          </div>

          

        </div>
      </section>

      <!-- CTA Whitepaper-->
      <section class="bg-secondary py-5">
        <div class="container text-center py-1 py-md-4 py-lg-5 px-lg-5">
          <h2 class="h1 mb-4">Altruistic By Nature</h2>
          <p class="lead pb-3 mb-3 px-lg-5">Our whitepaper outlines the TUIT ecosystem and how it can contribute to the advancement of education on a global scale.</p>
          <a target="_blank" href="assets/TUIT Whitepaper.pdf" class="btn btn-primary shadow-primary btn-lg mb-1">Read Whitepaper</a>
        </div>
      </section>
    </main>


    <!-- Footer -->
    <footer class="footer bg-dark dark-mode pt-5 pb-4 pb-lg-5">
      <div class="container text-center pt-lg-3">
        <div class="navbar-brand justify-content-center text-dark mb-2 mb-lg-4">
          <img src="assets/img/logo.svg" class="me-2" width="60" alt="Tuition Coin">
          <span class="fs-4">Tuition Coin</span>
        </div>
        
       
        <div class="d-flex justify-content-center pt-4 mt-lg-3">
          <a href="https://www.facebook.com/tuitofficial/" class="btn btn-icon btn-secondary btn-facebook mx-2">
            <i class="bx bxl-facebook"></i>
          </a>
          <a href="https://www.instagram.com/real.tuit/" class="btn btn-icon btn-secondary btn-instagram mx-2">
            <i class="bx bxl-instagram"></i>
          </a>
          <a href="https://twitter.com/Tuitofficial" class="btn btn-icon btn-secondary btn-twitter mx-2">
            <i class="bx bxl-twitter"></i>
          </a>
          <a href="https://t.me/tuitioncoin" class="btn btn-icon btn-secondary btn-telegram mx-2">
            <i class="bx bxl-telegram"></i>
          </a>
        </div>
        <p class="nav d-block fs-sm text-center pt-5 mt-lg-4 mb-0">
          <span class="text-light opacity-60">Write to us at info@tuitioncoin.org <br> &copy; Tuition Coin. All rights reserved. <br>This website, TUIT, and all related assets are the property of the Tuition Coin Team.
        </p>
      </div>
    </footer>


    <!-- Back to top button -->
    <a href="#top" class="btn-scroll-top" data-scroll>
      <span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span>
      <i class="btn-scroll-top-icon bx bx-chevron-up"></i>
    </a>


    <!-- Vendor Scripts -->
    <script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
    <script src="assets/vendor/vanilla-tilt/dist/vanilla-tilt.min.js"></script>
    <script src="assets/vendor/rellax/rellax.min.js"></script>
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="assets/vendor/img-comparison-slider/dist/index.js"></script>

    <!-- Main Theme Script -->
    <script src="assets/js/theme.min.js"></script>
  </body>
</html>