This is

CodeHouse

leading technology revolutionary in Africa...

Go to Classroom

0+

Businesses on Go&Grow

The more businesses are promoted/partnered with in Applinet Technology, the more workforce we need. Learn with us now and work with us later.

0+

Students on Code House

Participants of Code House Re-launched in March, 2023.

0+

Team (Staff and Voluteers)

Passionate guys with Africa technology advancement in mind.

0+

African Countries

This is statistics of Africa Countries our supporters are waving their hands from.

touch_app

Welcome to
Applinet Technology

...Leading Technology Revolution in Africa.

Register for A Course

Start developing your technology skills now.

Register for CodeHouse!
Be Part of our Movement

Do you have an important skill and ability you want to show to the world? Join our amazing team today to build the Africa technology system we would love..

Learn More...
Grow your Business

Your business growth depends on you today! With as low as 40k (Nigeria Naira) you could get all the kit for growing your business.

Learn More...
Save Time & make money while learning

You can grow your income while learning coding? This is amazing!

Learn More...
Support our ideas and Innovations

You must not be technologically inclined before you can be part of our movement. You can support our movement via donations, suggestions, energy, passion and encouragement.

Learn More...

Free Code Zone for Frontend Developers

We are excited to give some free codes made-easy to frontend developers to learn and use in their projects.

Backends coming soon...

What is CodeHouse?

Code House stands as a beacon of tech education, offering individuals a gateway to vital digital competencies. Whether you're a budding tech enthusiast, a student eager to decipher the digital language, or a professional aiming to up skill, our tailored courses cater to diverse aspirations. Our offerings range from foundational coding sessions for beginners to intricate modules for the tech-savvy, ensuring holistic growth.
GO TO CLASSROOM .
or REGISTER NOW to get started .

Buttons color

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-12 mx-auto">
    
    <button type="button" class="btn btn-primary w-auto me-1 mb-0">Primary</button>
    
    <button type="button" class="btn btn-secondary w-auto me-1 mb-0">Secondary</button>
    
    <button type="button" class="btn btn-info w-auto me-1 mb-0">Info</button>
    
    <button type="button" class="btn btn-success w-auto me-1 mb-0">Success</button>
    
    <button type="button" class="btn btn-warning w-auto me-1 mb-0">Warning</button>
    
    <button type="button" class="btn btn-danger w-auto me-1 mb-0">Danger</button>
    
    <button type="button" class="btn btn-light w-auto me-1 mb-0">Light</button>
    
    <button type="button" class="btn btn-dark w-auto me-1 mb-0">Dark</button>
    
    <button type="button" class="btn btn-white w-auto me-1 mb-0">White</button>
    
  </div>
</div>

Buttons gradient

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-12 mx-auto">
    
    <button type="button" class="btn bg-gradient-primary w-auto me-1 mb-0">Primary</button>
    
    <button type="button" class="btn bg-gradient-secondary w-auto me-1 mb-0">Secondary</button>
    
    <button type="button" class="btn bg-gradient-info w-auto me-1 mb-0">Info</button>
    
    <button type="button" class="btn bg-gradient-success w-auto me-1 mb-0">Success</button>
    
    <button type="button" class="btn bg-gradient-warning w-auto me-1 mb-0">Warning</button>
    
    <button type="button" class="btn bg-gradient-danger w-auto me-1 mb-0">Danger</button>
    
    <button type="button" class="btn bg-gradient-light w-auto me-1 mb-0">Light</button>
    
    <button type="button" class="btn bg-gradient-dark w-auto me-1 mb-0">Dark</button>
    
    <button type="button" class="btn bg-gradient-white w-auto me-1 mb-0">White</button>
    
  </div>
</div>

Buttons outline

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-12 mx-auto">
    
    <button type="button" class="btn btn-outline-primary mb-0">Primary</button>
    
    <button type="button" class="btn btn-outline-secondary mb-0">Secondary</button>
    
    <button type="button" class="btn btn-outline-info mb-0">Info</button>
    
    <button type="button" class="btn btn-outline-success mb-0">Success</button>
    
    <button type="button" class="btn btn-outline-warning mb-0">Warning</button>
    
    <button type="button" class="btn btn-outline-danger mb-0">Danger</button>
    
    <button type="button" class="btn btn-outline-light mb-0">Light</button>
    
    <button type="button" class="btn btn-outline-dark mb-0">Dark</button>
    
    <button type="button" class="btn btn-outline-white mb-0">White</button>
    
  </div>
</div>

Buttons sizes

Copy 
  <div class="row text-center py-2 mt-3">
  <div class="col-12 mx-auto">
    <button type="button" class="btn bg-gradient-primary btn-sm me-2">Small</button>
    <button type="button" class="btn bg-gradient-primary w-auto me-2">Default</button>
    <button type="button" class="btn bg-gradient-primary btn-lg">Large</button>
  </div>
</div>

Buttons icons

Copy 
  <div class="row text-center py-2 mt-3">
  <div class="col-12 mx-auto">
    <button class="btn bg-gradient-primary btn-icon btn-sm" type="button">
      <div class="d-flex align-items-center">
        <i class="material-icons me-2" aria-hidden="true">favorite</i>
        Small
      </div>
    </button>

    <button class="btn bg-gradient-primary btn-icon" type="button">
      <div class="d-flex align-items-center">
        <i class="material-icons me-2" aria-hidden="true">favorite</i>
        Default
      </div>
    </button>

    <button class="btn bg-gradient-primary btn-icon btn-lg" type="button">
      <div class="d-flex align-items-center">
        <i class="material-icons me-2" aria-hidden="true">favorite</i>
        Large
      </div>
    </button>
  </div>
</div>

Checkbox

Copy 
  <div class="row text-center py-2 mt-3">
  <div class="col-3 mx-auto text-start">
    <div class="form-check">
      <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
      <label class="form-check-label" for="flexCheckDefault">
        Default checkbox
      </label>
    </div>
    <div class="form-check">
      <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
      <label class="form-check-label" for="flexCheckChecked">
        Checked checkbox
      </label>
    </div>
  </div>
</div>

Radios

Copy 
  <div class="row text-center py-2 mt-3">
  <div class="col-3 mx-auto text-start">
    <div class="form-check">
      <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
      <label class="form-check-label" for="flexRadioDefault1">
        Default radio
      </label>
    </div>
    <div class="form-check">
      <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
      <label class="form-check-label" for="flexRadioDefault2">
        Default checked radio
      </label>
    </div>
  </div>
</div>

Toggle

Copy 
  <div class="container py-3 mt-3">
  <div class="row">
    <div class="col-4 mx-auto">
      <div class="form-check form-switch ps-0">
        <input class="form-check-input ms-auto mt-1" type="checkbox" id="flexSwitchCheckDefault">
        <label class="form-check-label ms-2" for="flexSwitchCheckDefault">Remember me</label>
      </div>
    </div>
  </div>
</div>

Badges

Copy 
  <div class="container">
  <div class="row text-center py-3 mt-3">
    <div class="col-12">
      <span class="badge bg-gradient-primary">Primary</span>
      <span class="badge bg-gradient-secondary">Secondary</span>
      <span class="badge bg-gradient-success">Success</span>
      <span class="badge bg-gradient-danger">Danger</span>
      <span class="badge bg-gradient-warning">Warning</span>
      <span class="badge bg-gradient-info">Info</span>
      <span class="badge bg-gradient-light text-dark">Light</span>
      <span class="badge bg-gradient-dark">Dark</span>
    </div>
  </div>
</div>

Avatars (Team)

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-12">
    <div class="avatar-group">
      <a href="javascript:;" class="avatar avatar-lg rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="G. Ikpotokin, Founder/President/CEO, Applinet Technology">
        <img alt="Image placeholder" src="./assets/img/president.jpg">
      </a>
      <a href="javascript:;" class="avatar avatar-lg rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="E. Uboho, Vice President, Head of Operation, Software Developer, Applinet Technology">
        <img alt="Image placeholder" src="./assets/img/vice-president.jpg">
      </a>
      <a href="javascript:;" class="avatar avatar-lg rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="A. Oluwaseun, Head of Marketing Team, Data Analyst, Applinet Technology">
        <img alt="Image placeholder" src="./assets/img/marketing-lead.jpg">
      </a>
      <a href="javascript:;" class="avatar avatar-lg rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="F. Akuta, Team Lead, Android/IOS Application Developers, Applinet Technology">
        <img alt="Image placeholder" src="./assets/img/android-lead.jpg">
      </a>
      <a href="javascript:;" class="avatar avatar-lg rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="A. Jamiu, Team Lead, Web Application Developers, Applinet Technology">
        <img alt="Image placeholder" src="./assets/img/web-app.jpg">
      </a>
    </div>
  </div>
</div>

Avatar sizes

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-12">
    <a href="javascript:;" class="avatar avatar-xs rounded-circle">
      <img alt="Image placeholder" src="./assets/img/president.jpg">
    </a>
    <a href="javascript:;" class="avatar avatar-sm rounded-circle">
      <img alt="Image placeholder" src="./assets/img/president.jpg">
    </a>
    <a href="javascript:;" class="avatar rounded-circle">
      <img alt="Image placeholder" src="./assets/img/president.jpg">
    </a>
    <a href="javascript:;" class="avatar avatar-lg rounded-circle">
      <img alt="Image placeholder" src="./assets/img/president.jpg">
    </a>
    <a href="javascript:;" class="avatar avatar-xl rounded-circle">
      <img alt="Image placeholder" src="./assets/img/president.jpg">
    </a>
  </div>
</div>

Breadcrumbs

Copy 
  <div class="container py-2 mt-2">
  <div class="row">
    <div class="col-8 mx-auto">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item active" aria-current="page">Code House</li>
        </ol>
      </nav>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="javascript:;">Code House</a></li>
          <li class="breadcrumb-item active" aria-current="page">Course</li>
        </ol>
      </nav>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="javascript:;">Code House</a></li>
          <li class="breadcrumb-item"><a href="javascript:;">Course</a></li>
          <li class="breadcrumb-item active" aria-current="page">Material UI</li>
        </ol>
      </nav>
    </div>

  </div>
</div>

Progress bars

Copy 
  <div class="container">
  <div class="row py-3 mt-4">
    <div class="col-8 mx-auto">
      <div class="progress mb-3">
        <div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
      <div class="progress mb-3">
        <div class="progress-bar bg-secondary" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
      <div class="progress mb-3">
        <div class="progress-bar bg-success" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
      <div class="progress mb-3">
        <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
      <div class="progress mb-3">
        <div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
      <div class="progress mb-3">
        <div class="progress-bar bg-danger" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
      <div class="progress mb-3">
        <div class="progress-bar bg-dark" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
    </div>
  </div>
</div>

What is the mission and vision of CodeHouse?

Our vision is to be a beacon of tech education, illuminating the path for individuals to unlock limitless opportunities in the digital age.
Our mission is to empower individuals with vital tech skills, nurturing their curiosity, and amplifying their potential to innovate and lead in the digital sphere.
GO TO CLASSROOM . or REGISTER NOW to get started .

Font Family Serif

Copy 
  
<div class="container-fluid text-sans-serif">
  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Heading 1</small>
    </div>

    <div class="col-sm-9">
      <h1 class="mb-0">H1 Applinet Technology</h1>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Heading 2</small>
    </div>

    <div class="col-sm-9">
      <h2 class="mb-0">H2 Applinet Technology</h2>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Heading 3</small>
    </div>

    <div class="col-sm-9">
      <h3 class="mb-0">H3 Applinet Technology</h3>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Heading 4</small>
    </div>

    <div class="col-sm-9">
      <h4 class="mb-0">H4 Applinet Technology</h4>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Heading 5</small>
    </div>

    <div class="col-sm-9">
      <h5 class="mb-0">H5 Applinet Technology</h5>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Heading 6</small>
    </div>

    <div class="col-sm-9">
      <h6 class="mb-0">H6 Applinet Technology</h6>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Paragraph</small>
    </div>

    <div class="col-sm-9">
      <p class="mb-0">
      Applinet Technology is an information technology company and a movement in Nigeria. 
      We provide solution-based products and services such as business boosters via the Go&Grow Program, 
      cybersecurity  and hacking services, IT consultation and training, shared income system, 
      partnership program and community influence and development. Also, join our Code House today!
      </p>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Lead text</small>
    </div>

    <div class="col-sm-9">
      <p class="lead mb-0">
      Applinet Technology is an information technology company and a movement in Nigeria. 
      We provide solution-based products and services such as business boosters via the Go&Grow Program, 
      cybersecurity  and hacking services, IT consultation and training, shared income system, 
      partnership program and community influence and development. Also, join our Code House today!
      </p>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Small</small>
    </div>

    <div class="col-sm-9">
      <p class="text-sm mb-0">
      Applinet Technology is an information technology company and a movement in Nigeria. 
      We provide solution-based products and services such as business boosters via the Go&Grow Program, 
      cybersecurity  and hacking services, IT consultation and training, shared income system, 
      partnership program and community influence and development. Also, join our Code House today!
      </p>
    </div>
  </div>

  <div class="row py-3 align-items-center">
    <div class="col-sm-3">
      <small class="text-uppercase font-weight-bold">Tiny</small>
    </div>

    <div class="col-sm-9">
      <p class="text-xs mb-0">
      Applinet Technology is an information technology company and a movement in Nigeria. 
      We provide solution-based products and services such as business boosters via the Go&Grow Program, 
      cybersecurity  and hacking services, IT consultation and training, shared income system, 
      partnership program and community influence and development. Also, join our Code House today!
      </p>
    </div>
  </div>
</div>

Core values

- Innovation: Always staying ahead of the curve, introducing the latest methodologies and technologies in our programs.

- Empowerment: Ensuring each individual feels capable, inspired, and ready to tackle the digital world head-on.

- Collaboration: Fostering a culture of teamwork and collective growth.

- Integrity: Delivering what we promise and maintaining transparency.

- Lifelong Learning: Advocating for continuous learning and adaptation in a rapidly evolving tech landscap.
GO TO CLASSROOM . or REGISTER NOW to get started .

Alerts

Copy 
  <div class="container">
  <div class="row py-3">
    <div class="alert alert-primary text-white font-weight-bold" role="alert">
      A simple primary alert—check it out!
    </div>
    <div class="alert alert-secondary text-white font-weight-bold" role="alert">
      A simple secondary alert—check it out!
    </div>
    <div class="alert alert-success text-white font-weight-bold" role="alert">
      A simple success alert—check it out!
    </div>
    <div class="alert alert-danger text-white font-weight-bold" role="alert">
      A simple danger alert—check it out!
    </div>
    <div class="alert alert-warning text-white font-weight-bold" role="alert">
      A simple warning alert—check it out!
    </div>
    <div class="alert alert-info text-white font-weight-bold" role="alert">
      A simple info alert—check it out!
    </div>
    <div class="alert alert-light text-white font-weight-bold" role="alert">
      A simple light alert—check it out!
    </div>
    <div class="alert alert-dark text-white font-weight-bold" role="alert">
      A simple dark alert—check it out!
    </div>
  </div>
</div>

Tooltips

Copy 
  <div class="container">
  <div class="row py-5 mt-3 text-center">
    <div>
      <button type="button" class="btn bg-gradient-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Applinet Technology">
        Tooltip on top
      </button>
      <button type="button" class="btn bg-gradient-secondary" data-bs-toggle="tooltip" data-bs-placement="right" title="Applinet Technology">
        Tooltip on right
      </button>
      <button type="button" class="btn bg-gradient-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Applinet Technology">
        Tooltip on bottom
      </button>
      <button type="button" class="btn bg-gradient-secondary" data-bs-toggle="tooltip" data-bs-placement="left" title="Applinet Technology">
        Tooltip on left
      </button>
    </div>
  </div>
</div>


  <!-- initialization script -->
  <script>
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
      return new bootstrap.Tooltip(tooltipTriggerEl)
    })
  </script>

Popovers

Copy 
  <div class="container">
  <div class="row py-7 mt-2 text-center">
    <div>
      <button type="button" class="btn bg-gradient-secondary mb-0" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Applinet Technology is leading a revolution of technology in Africa. You can be part of the movement. Join us today!">
        Popover on top
      </button>

      <button type="button" class="btn bg-gradient-secondary mb-0" data-bs-container="body" title="Applinet Technology" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Applinet Technology is leading a revolution of technology in Africa. You can be part of the movement. Join us today!">
        Popover on right
      </button>

      <button type="button" class="btn bg-gradient-secondary mb-0" data-bs-container="body" title="Applinet Technology" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Applinet Technology is leading a revolution of technology in Africa. You can be part of the movement. Join us today!">
        Popover on bottom
      </button>

      <button type="button" class="btn bg-gradient-secondary mb-0" data-bs-container="body"title="Applinet Technology" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Applinet Technology is leading a revolution of technology in Africa. You can be part of the movement. Join us today!">
        Popover on left
      </button>
    </div>
  </div>
</div>

  <!-- initialization script @Applinet Technology-->
  <script>
    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
      return new bootstrap.Popover(popoverTriggerEl)
    })
  </script>

Modal

Copy 
  <div class="container py-7">
  <div class="row mt-3">
    <div class="col-sm-4 col-6 mx-auto">
      <!-- Button trigger modal -->
      <button type="button" class="btn bg-gradient-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
        Applinet Technology
      </button>

      <!-- Modal -->
      <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Your modal title</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
            Applinet Technology is an information technology company and a movement in Nigeria. We provide solution-based products and services such as business boosters via the Go&Grow Program, cybersecurity  and hacking services, IT consultation and training, shared income system, partnership program and community influence and development.   
            <br><br>
            Go&Grow My Business: These involve building, empowering and promoting businesses through website and domain hosting, software development, business on world map, Ads on social media, SEO, digital marketing, business branding and contenting, etc. Through the Go&Grow program, all of these items are subsidized in Applinet Technology. For more about this, visit <a href="https://grow.applinet.com.ng" target="_blank"> Go&Grow My Business</a>Website.              
            </div>
            <br><br>
            Code House: This is a system for learning coding, programming languages and other vital information technology tools. You can also be learning while making money. Visit <a href="https://ch.applinet.com.ng" target="_blank"> Code House</a>Website.
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn bg-gradient-dark" data-bs-dismiss="modal">Close</button>
              <button type="button" class="btn bg-gradient-success">Save changes</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Datepicker

Copy 
  <!--  Datepicker -->
<div class="row py-3">
  <div class="col-md-6 mx-auto">
    <div class="row">
      <div class="col-lg-6 mx-auto col-md-8 col-sm-5">
        <div class="input-group input-group-static">
          <span class="input-group-text"><i class="fas fa-calendar"></i></span>
          <input class="form-control datepicker" placeholder="Please select date" type="text" >
        </div>
      </div>
    </div>
  </div>
</div>

  <!-- initialization script @Applinet Technology -->
<script>
  if (document.querySelector(".datepicker")) {
     flatpickr(".datepicker", {});
  }
</script>

What we offer in CodeHouse

- Foundation Courses: Basics of coding and programming, ideal for beginners.

- Advanced Modules: For those who wish to dive deeper into specialized tech areas.

- Weekend Workshops: Short courses introducing emerging tech trends.

- Mentorship Programs: Personalized guidance from seasoned tech professionals from Applinet Technology
GO TO CLASSROOM . or REGISTER NOW to get started .

Navbar

Copy 
  <!-- Navbar @Applinet Technology-->
<div class="container position-sticky z-index-sticky top-0">
  <div class="row">
    <div class="col-12">
    <nav class="navbar navbar-expand-lg  bg-white border-radius-xl top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
      <div class="container-fluid">
        <a class="navbar-brand font-weight-bolder ms-sm-3" href="#" rel="tooltip" title="Free Codes with Applinet Technology" data-placement="bottom" target="_blank">

          Introducing Code 
          <img src="./assets/img/code_house_logo.png" width=20 height=20 />
          House Program. <a href="https://ch.applinet.com.ng" >Click to learn more...</a>
        </a>
        <button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon mt-2">
            <span class="navbar-toggler-bar bar1"></span>
            <span class="navbar-toggler-bar bar2"></span>
            <span class="navbar-toggler-bar bar3"></span>
          </span>
        </button>
        <div class="collapse navbar-collapse pt-3 pb-2 py-lg-0" id="navigation">
          <ul class="navbar-nav navbar-nav-hover ms-lg-12 ps-lg-5 w-100">
            <li class="nav-item dropdown dropdown-hover mx-2">
              <a class="nav-link ps-2 d-flex cursor-pointer align-items-center" id="dropdownMenuPages" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="material-icons opacity-6 me-2 text-md">dashboard</i>
                Go&Grow Project
              </a>
            </li>
            <li class="nav-item dropdown dropdown-hover mx-2">
              <a class="nav-link ps-2 d-flex cursor-pointer align-items-center" id="dropdownMenuPages" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="material-icons opacity-6 me-2 text-md">view_day</i>
                Join our Team
              </a>
            </li>
            <li class="nav-item dropdown dropdown-hover mx-2">
              <a class="nav-link ps-2 d-flex cursor-pointer align-items-center" id="dropdownMenuPages" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="material-icons opacity-6 me-2 text-md">article</i>
                Code House
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
</div>

Tabs Simple

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-4 mx-auto">
    <div class="nav-wrapper position-relative end-0">
      <ul class="nav nav-pills nav-fill p-1" role="tablist">
        <li class="nav-item">
          <a class="nav-link mb-0 px-0 py-1 active" data-bs-toggle="tab" href="#profile-tabs-simple" role="tab" aria-controls="profile" aria-selected="true">
            My Profile
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link mb-0 px-0 py-1" data-bs-toggle="tab" href="#dashboard-tabs-simple" role="tab" aria-controls="dashboard" aria-selected="false">
            Dashboard
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

Pagination

Copy 
  <div class="row text-center py-2">
  <div class="col-4 mx-auto">
    <ul class="pagination pagination-primary m-4">
      <li class="page-item">
        <a class="page-link" href="javascript:;" aria-label="Previous">
          <span aria-hidden="true"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
        </a>
      </li>
      <li class="page-item active">
        <a class="page-link" href="javascript:;">1</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:;">2</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:;">3</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:;">4</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:;">5</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:;" aria-label="Next">
          <span aria-hidden="true"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span>
        </a>
      </li>
    </ul>
  </div>
</div>

Target Audience

- Foundation (For Students): Introducing them to the world of tech early on.

- Enthusiasts: Individuals passionate about tech, looking to develop a hobby or simply understand the digital realm better.

- Professionals: Those looking to up skill or switch careers into tech.
GO TO CLASSROOM . or REGISTER NOW to get started .

Input dynamic

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-4 mx-auto">
    <div class="input-group input-group-dynamic">
      <label class="form-label">Regular</label>
      <input type="text" class="form-control" >
    </div>
  </div>
</div>

Input static

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-4 mx-auto">
    <div class="input-group input-group-static">
      <label>Full Name</label>
      <input class="form-control" placeholder="eg. Godswill Ikpotokin" type="text" >
    </div>
  </div>
</div>

Input outline

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-4 mx-auto">
    <div class="input-group input-group-outline mb-4">
      <label class="form-label">Outline</label>
      <input class="form-control" type="text" >
    </div>
  </div>
</div>

Input with icon

Copy 
  <div class="row text-center py-2 mt-3">
  <div class="col-4 mx-auto">
    <div class="input-group input-group-dynamic mb-4">
      <span class="input-group-text"><i class="fas fa-search" aria-hidden="true"></i></span>
      <input class="form-control" placeholder="Search" type="text" >
    </div>
  </div>
</div>

Input disabled

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-4 mx-auto">
    <input type="text" placeholder="Disabled" class="form-control" disabled>
  </div>
</div>

Inputs validation

Copy 
  <div class="row text-center py-3 mt-3">
  <div class="col-4 ms-auto">
    <input type="text" placeholder="Success" class="form-control is-valid" >
  </div>
  <div class="col-4 me-auto">
    <input type="text" placeholder="Error" class="form-control is-invalid" >
  </div>
</div>

Form simple

Copy 
  <section>
  <div class="container py-4">
    <div class="row">
      <div class="col-lg-7 mx-auto d-flex justify-content-center flex-column">
        <h3 class="text-center">Contact us</h3>
        <form role="form" id="contact-form" method="post" autocomplete="off">
          <div class="card-body">
            <div class="row">
              <div class="col-md-6">
                <div class="input-group input-group-dynamic mb-4">
                  <label class="form-label">First Name</label>
                  <input class="form-control" aria-label="First Name..." type="text" >
                </div>
              </div>
              <div class="col-md-6 ps-2">
                <div class="input-group input-group-dynamic">
                  <label class="form-label">Last Name</label>
                  <input type="text" class="form-control" placeholder="" aria-label="Last Name..." >
                </div>
              </div>
            </div>
            <div class="mb-4">
              <div class="input-group input-group-dynamic">
                <label class="form-label">Email Address</label>
                <input type="email" class="form-control">
              </div>
            </div>
            <div class="input-group mb-4 input-group-static">
              <label>Your message</label>
              <textarea name="message" class="form-control" id="message" rows="4"></textarea>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="form-check form-switch mb-4 d-flex align-items-center">
                  <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" checked="">
                  <label class="form-check-label ms-3 mb-0" for="flexSwitchCheckDefault">I agree to the <a href="javascript:;" class="text-dark"><u>Terms and Conditions</u></a>.</label>
                </div>
              </div>
              <div class="col-md-12">
                <button type="submit" class="btn bg-gradient-dark w-100">Send Message</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>

Engagement Channels

- Webinars and Online Classes: Harnessing the power of Applinet’s digital expertise for seamless online education.

- On-site Boot camps: Intensive training sessions for hands-on experience.

- Community Forums: Under Applinet's umbrella, offering a space for students to collaborate, discuss, and solve problems.
GO TO CLASSROOM . or REGISTER NOW to get started .

Header

Copy 
  <!-- -------- START HEADER 1 w/ text and image on right ------- -->
<header>
  <div class="page-header min-vh-100" style="background-image: url(&#39;./assets/img/codingroom.jpg&#39;);" loading="lazy">
    <span class="mask bg-gradient-dark opacity-5"></span>
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-7 d-flex justify-content-center flex-column">
          <h1 class="text-white mb-4">This is CodeHouse</h1>
          <p class="text-white opacity-8 small pe-5 me-5">Leading technology revolution in Africa... </p>
          <div class="buttons">
            <button type="button" class="btn btn-info mt-4">Go to Classroom</button>
            <button type="button" class="btn btn-light mt-4">Register for a Course</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
<!-- -------- END HEADER 1 w/ text and image on right ------- -->

CODEHOUSE

Copy 
  <!-- -------- START Features w/ icons and text on left & gradient title and text on right -------- -->
<div class="container">
  <div class="row">
    <div class="col-lg-6 my-auto">
      <h3 class="mt-5 mt-lg-0">Read More About Us</h3>
      <p class="pe-5">Pain is what we go through as we become older. We get insulted by others, lose trust for those others. We get back stabbed by friends. It becomes harder for us to give others a hand.</p>
      <a href="javascript:;" class="text-primary icon-move-right">More about us
        <i class="fas fa-arrow-right text-sm ms-1"></i>
      </a>
    </div>
    <div class="col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0">
      <div class="p-3 info-horizontal">
        <div class="icon icon-shape  bg-gradient-primary shadow-primary text-center">
          <i class="fas fa-ship opacity-10"></i>
        </div>
        <div class="description ps-3">
          <p class="mb-0">It becomes harder for us to give others a hand. <br> We get our heart broken by people we love.</p>
        </div>
      </div>

      <div class="p-3 info-horizontal">
        <div class="icon icon-shape  bg-gradient-primary shadow-primary text-center">
          <i class="fas fa-handshake opacity-10"></i>
        </div>
        <div class="description ps-3">
          <p class="mb-0">As we live, our hearts turn colder. <br>Cause pain is what we go through as we become older.</p>
        </div>
      </div>
      <div class="p-3 info-horizontal">
        <div class="icon icon-shape  bg-gradient-primary shadow-primary text-center">
          <i class="fas fa-hourglass opacity-10"></i>
        </div>
        <div class="description ps-3">
          <p class="mb-0">When we lose family over time. <br> What else could rust the heart more over time? Blackgold.</p>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- -------- END Features w/ icons and text on left & gradient title and text on right -------- -->

We look forward to having you in CodeHouse.

Anyways, please follows us on various platforms to get updates.

Go to Classroom Register for a course