JFIF JFIF JFIF JFIF $
File Manager
File Manager
Melihat File: index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/BABYNITCHElgog.png">
<link rel="stylesheet" href="materialize/css/materialize.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">
<title>Babies Nitche</title>
</head>
<style>
div.cover{
background-color: rgba(86, 2, 128, 0.644);
width: 100%;
height: 44em;
overflow: hidden;
/* opacity: 0.3; */
}
div.scover{
background-color: rgba(86, 2, 128, 0.849);
width: 100%;
height:60em;
/* padding-bottom: -30%; */
overflow: hidden;
/* opacity: 0.3; */
}
div.main{
background-image: url(img/vecteezy_close-up-multi-colored-wooden-blocks_2654924 (1).jpg);
background-repeat: no-repeat;
background-size: cover;
/* background-position: 100%; */
}
#demo{
font-size:64px;
padding-top:80px;
text-align:center;
color:white;
}
</style>
<body>
<div style="width: 100%;height: 100%; position: fixed;background-color: white;z-index: 99;" id="load_large" class="hide-on-med-and-down">
<div style="position: fixed;top: 40%;margin-left: 45%;" class="loading">
<div class="spinner"></div>
</div>
</div>
<div style="width: 100%;height: 100%; position: fixed;background-color: white;z-index: 99;" id="load_med" class="hide-on-large-only hide-on-small-only">
<div style="position: fixed;top: 45%;margin-left: 45%;" class="loading">
<div class="spinner"></div>
</div>
</div>
<div style="width: 100%;height: 100%; position: fixed;background-color: white;z-index: 99;" id="load_mobile"class="hide-on-med-and-up">
<div style="position: fixed;top: 45%;margin-left: 35%;" class="loading">
<div class="spinner"></div>
</div>
</div>
<style>
/* From uiverse.io by @satyamchaudharydev */
.spinner {
--size: 30px;
--first-block-clr: #560280;
--second-block-clr:#efb507;
--clr: #111;
width: 100px;
height: 100px;
position: relative;
}
.spinner::after,.spinner::before {
box-sizing: border-box;
position: absolute;
content: "";
width: var(--size);
height: var(--size);
top: 50%;
animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
left: 50%;
background: var(--first-block-clr);
}
.spinner::after {
background: var(--second-block-clr);
top: calc(50% - var(--size));
left: calc(50% - var(--size));
animation: down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}
@keyframes down {
0%, 100% {
transform: none;
}
25% {
transform: translateX(100%);
}
50% {
transform: translateX(100%) translateY(100%);
}
75% {
transform: translateY(100%);
}
}
@keyframes up {
0%, 100% {
transform: none;
}
25% {
transform: translateX(-100%);
}
50% {
transform: translateX(-100%) translateY(-100%);
}
75% {
transform: translateY(-100%);
}
}
</style>
<script>
function stop(){
var load = document.getElementById('load_large');
load.style.display='none';
}
function run(){
setTimeout(stop,4000);
}
run();
function stop1(){
var load = document.getElementById('load_med');
load.style.display='none';
}
function run1(){
setTimeout(stop1,4000);
}
run1();
function stop2(){
var load = document.getElementById('load_mobile');
load.style.display='none';
}
function run2(){
setTimeout(stop2,4000);
}
run2();
</script>
<?php
include ('nav.php');
?>
<section class="scrollspy" id="home">
<div class="main hide-on-small-only">
<div class=" cover">
<div class="container">
<div class="row">
<div class="col l5 m5 s12 white-text" style=" opacity: 1;"><br><br><br><br><br><br><br><br><br><br>
<div class="info">
<h3 style="font-weight:bold">Babies Nitche</h3>
<p style="font-size:20px">Join thousands of kids gain influence and win cash prices at the same time.</p>
<?php
if ($current_stage == 0) {?>
<a style="text-transform: none;background-color: #efb507;width: 150px;" href="register_on.php" class="btn">Register</a>
<?php }else{?>
<a style="text-transform: none;background-color: #efb507;width: 150px;" href="register_off.php" class="btn">Register</a>
<?php } ?>
</div>
</div>
<div class="col l3 m3 s12 push-l1"><br><br>
<img src="img/portrait-g32c4ff260_1280-removebg-preview.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="main hide-on-med-and-up">
<div class="scover">
<div class="container">
<div class="row">
<div class="col l5 m4 s12 white-text"><br><br><br><br><br><br><br>
<div class="info">
<h3 style="font-weight:bold;">Babies Nitche</h3>
<p style="font-size:20px">Join thousands of kids gain influence and win cash prices at the same time.</p>
<?php
if ($current_stage == 0) {?>
<a style="text-transform: none;background-color: #efb507;width: 150px;" href="register_on.php" class="btn">Register</a>
<?php }else{?>
<a style="text-transform: none;background-color: #efb507;width: 150px;" href="register_off.php" class="btn">Register</a>
<?php } ?>
</div>
</div>
<div class="col l3 m4 s12 push-l1"><br><br>
<img src="img/portrait-g32c4ff260_1280-removebg-preview.png" class="responsive-img" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="scrollspy" id="about">
<div class="container hide-on-med-and-down">
<br><br><br><br>
<div class="row">
<div class="col s12 m5 l5">
<div style="height: 298px;width: 400px;margin-top: 30px;background-color: #efb507;">
<img style="width:px;margin-top: 20px;margin-left: 20px;" src="img/bill.jpeg" class="responsive-img" alt="">
</div>
</div>
<div class="col s12 m1 l1">
</div>
<div class="col s12 m6 l6">
<div style="margin-bottom: 20px;" >
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">About Us</h5>
</div >
<h5 style="font-weight: 500;margin-top: 20px;">Register your child now and give them the spotlight they deserve.</h5>
<p>Babies Nitche is a registered kids brand with company number 3729444 Registered by CAC and also a nonprofit company that provide our parent with full variety of babies product and give your kids the elegant look </p>
<p>Kids contest is and online competition for kids sponsored by Babies Nitche for kids between the age of 0-12years.
We also assist parent to boost the self-esteem of our kids.
Kids who emerge as winners will be appointed as brand ambassador, face of kids and will also be awarded with lots of amazing prizes</p>
</div>
</div>
</div>
<div style="margin-top: 50px;" class="container hide-on-small-only hide-on-large-only">
<div class="row">
<div class="col s12 m5 l5">
<div style="height: 298px;width: 400px;margin-top: 30px;background-color: #efb507;">
<img style="width:px;margin-top: 20px;margin-left: 20px;" src="img/kids-g8946cfc2d_1280.jpg" class="responsive-img" alt="">
</div>
</div>
<div class="col s12 l2 m2">
</div>
<div class="col s12 m5 l5">
<div style="margin-bottom: 20px;" >
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">About Us</h5>
</div >
<h5 style="font-weight: 500;margin-top: 20px;">Register your child now and give them the spotlight they deserve.</h5>
<p>Babies Nitche is a registered kids brand with company number 3729444 Registered by CAC and also a nonprofit company that provide our parent with full variety of babies product and give your kids the elegant look </p>
<p>Kids contest is and online competition for kids sponsored by Babies Nitche for kids between the age of 0-12years.
We also assist parent to boost the self-esteem of our kids.
Kids who emerge as winners will be appointed as brand ambassador, face of kids and will also be awarded with lots of amazing prizes
</p>
</div>
</div>
</div>
<div style="margin-top: 50px;" class="container hide-on-med-and-up">
<div class="row">
<div class="col s12 m5 l5">
<div style="margin-bottom: 20px; " class="center" >
<h5 style="font-weight: bold;font-size: bold;color: #560280;">About Us</h5>
</div> <br><br>
<div class="row">
<div class="col s10 m6 l6">
<div style="height: 180px;width: 100%;background-color: #efb507;"></div>
</div>
<div class="col s10 m6 l6 push-s1">
<img style="margin-top: -60%;" src="img/kids-g8946cfc2d_1280.jpg" class="responsive-img" alt="">
</div>
</div>
</div>
<div class="col s12 m1 l1">
</div>
<div class="col s12 m6 l6">
<h5 style="font-weight: 500;margin-top: 13%">Register your child now and give them the spotlight they deserve.</h5>
<p>Babies Nitche is a registered kids brand with company number 3729444 Registered by CAC and also a nonprofit company that provide our parent with full variety of babies product and give your kids the elegant look </p>
<p> Kids contest is and online competition for kids sponsored by Babies Nitche for kids between the age of 0-12years.
We also assist parent to boost the self-esteem of our kids.
Kids who emerge as winners will be appointed as brand ambassador, face of kids and will also be awarded with lots of amazing prizes </p>
</div>
</div>
</div>
</section>
<section style="margin-top: 100px;" >
<div style="margin-left:10%;margin-right:10%" class="hide-on-med-and-down">
<div class="row">
<div class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div>
<h5 style="color: #560280;font-weight: 500;padding-top:10%;padding-left:10%">Our Mission </h5>
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">Our aim is to build kids self esteem and create an opportunity for kids to explore .</p><br><br><br>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div>
<h5 style="color: #560280;font-weight: 500;padding-top:10%;padding-left:10%">Our Vision</h5>
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">Is to create an opportunity for kids to showcase their exceptional personality, talents and elegance with the mentality that every child is a star..
</p><br>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<!-- <img style="width: 10%;" src="img/icons8-search-client-24.png" alt=""> -->
<div>
<h5 style="color: #560280;font-weight: 500;padding-top:10%;padding-left:10%">Why Choose Us</h5>
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">We help in making your child grow self-esteem</p> <br><br><br><br>
</div>
</div>
</div>
</div>
</div>
</section >
<section style="margin-top: 100px;" >
<div class="containe hide-on-small-only hide-on-large-only">
<div class="row">
<div class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div style="margin-left: 20px;margin-top: 50px;">
<h5 style="color: #560280;font-weight: 500;">Our Mission </h5>
<p >Our aim is to build kids self esteem and create an opportunity for kids to explore .
</p> <br><br>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div style="margin-left: 25px;margin-top: 50px;">
<h5 style="color: #560280;font-weight: 500;">Our Vision</h5>
<p>Is to create an opportunity for kids to showcase their exceptional personality, talents and elegance with the mentality that every child is a star..</p>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<!-- <img style="width: 10%;" src="img/icons8-search-client-24.png" alt=""> -->
<div style="margin-left: 20px;margin-top: 50px;">
<h5 style="color: #560280;font-weight: 500;">Why Choose Us</h5>
<p>We help in making your child grow self-esteem</p> <br><br>
</div>
</div>
</div>
</div>
</div>
</section >
<section style="margin-top: 10%;">
<div class="container hide-on-med-and-up">
<div class="row">
<div style="margin-bottom: 20px;" class="col s12 l4 m4 ">
<div style="width: 100%;height: 200px;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div style="margin-left: 20px;margin-top: 10%;">
<h5 style="color: #560280;font-weight: 500;">Our Mission</h5>
<p>Our aim is to build kids self esteem and create an opportunity for kids to explore .</p>
</div>
</div>
</div>
<div style="margin-bottom: 20px;" class="col s12 l4 m4">
<div style="width: 100%;height: 200px;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div style="margin-left: 20px;margin-top: 10%;">
<h5 style="color: #560280;font-weight: 500;">Our Vision</h5>
<p>Is to create an opportunity for kids to showcase their exceptional personality, talents and elegance with the mentality that every child is a star..</p>
</div>
</div>
</div>
<div style="margin-bottom: 20px;" class="col s12 l4 m4">
<div style="width: 100%;height: 200px;border-top-right-radius: 70px;border-bottom-right-radius: 0px;border-bottom-left-radius:70px ;border:solid 3px #efb507" class="white z-depth-3 hoverable">
<div style="margin-left: 20px;margin-top: 10%;">
<h5 style="color: #560280;font-weight: 500;">Why Choose Us</h5>
<p>We help in making your child grow self-esteem</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="margin-top: 130px;" class="hide-on-med-and-down">
<div style="margin-top: 100px;position: absolute;margin-left: -470px">
<div style="width: 50px;height: 60px;background-color: orange; margin-left: 520px;margin-top: -35px;position: absolute;border-top-left-radius: 40px;border-bottom-right-radius: 30px;"></div>
</div>
<div class="container">
<div style="margin-bottom: 80px;" class="center">
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">Thing you need to know about us</h5>
</div >
<div style=" width: 350px; height: 350px;border-radius: 175px; border:dotted;margin-left: 27%;">
<div style=" width: 300px; height: 300px;border-radius: 150px; border:dotted;margin: 22px;">
<img style=" width: 100%;height: 100%; border-radius: 150px;" src="img/my-networking-apparel-54VE0-oytqo-unsplash (1).jpg" class="responsive" alt="">
</div>
</div>
<div>
<div style="width: 5%;height: 50px;margin-left: 59%;background-color: purple;margin-top: -30%;border-radius: 25px;"> </div>
<div style="margin-left: 65%;margin-top: -8%;">
<h6 style="font-weight:bold">Awards & Prices</h6>
<p style="margin-top: -5px;">We give cash prices and gifts to the contestant that wins a competition.</p>
</div>
</div>
<div>
<div style="width: 5%;height: 50px;margin-left: 58%;background-color: purple;margin-top: 14%;border-radius: 25px;"></div>
<div style="margin-left: 65%; margin-top: -7%">
<h6 style="font-weight:bold">Empowerment</h6>
<p style="margin-top: -5px;">We help in empowering the less privileges children, sending them back to school because education is key.
</p>
</div>
</div>
<div>
<div style="width: 5%; height: 50px;margin-left: 24%;background-color: purple;margin-top: -20%;border-radius: 25px;"> </div>
<div style="margin-right: 75%; margin-top: -20%px;margin-left:15px;">
<h6 style="font-weight:bold; margin-top:-20%">Activites</h6>
<p style="margin-top: -5px;">We host engaging events to make your child learn among other children.</p>
</div>
</div>
</div>
</section>
<section style="margin-top: 130px;" class="hide-on-small-only hide-on-large-only">
<div style="margin-top: 100px;position: absolute;margin-left: -470px">
<div style="width: 50px;height: 60px;background-color: orange; margin-left: 520px;margin-top: -35px;position: absolute;border-top-left-radius: 40px;border-bottom-right-radius: 30px;"></div>
</div>
<div class="container">
<div style="margin-bottom: 80px;" class="center">
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">Thing you need to know about us</h5>
</div >
<div style=" width: 350px; height: 350px;border-radius: 175px; border:dotted;margin-left: 27%;">
<div style=" width: 300px; height: 300px;border-radius: 150px; border:dotted;margin: 22px;">
<img style=" width: 100%;height: 100%; border-radius: 150px;" src="img/my-networking-apparel-54VE0-oytqo-unsplash (1).jpg" class="responsive" alt="">
</div>
</div>
<div>
<div style="width: 6%;height: 50px;margin-left: 59%;background-color: purple;margin-top: -40%;border-radius: 25px;"> </div>
<div style="margin-left: 67%;margin-top: -10%;">
<h6 style="font-weight:bold">Awards & Prices</h6>
<p style="margin-top: -5px;">We give cash prices and gifts to the contestant that wins a competition.</p>
</div>
</div>
<div>
<div style="width: 6%;height: 50px;margin-left: 64%;background-color: purple;margin-top: 20%;border-radius: 25px;"></div>
<div style="margin-left: 72%; margin-top: -9%">
<h6 style="font-weight:bold">Empowerment</h6>
<p style="margin-top: -5px;">We help in empowering the less privileges children, sending them back to school because education is key.
</p>
</div>
</div>
<div>
<div style="width: 6%; height: 50px;margin-left: 25%;background-color: purple;margin-top: -15%;border-radius: 25px;"> </div>
<div style="margin-right: 74%; margin-top: -20%px;margin-left:15px;">
<h6 style="font-weight:bold; margin-top:-18%">Activites</h6>
<p style="margin-top: -5px;">We host engaging events to make your child learn among other children.</p>
</div>
</div>
</div>
</section>
<section style="margin-top: 13%;" class="hide-on-med-and-up">
<div class="container hide-on-med-and-up ">
<div style="margin-bottom: 80px;" class="center">
<h5 style="font-weight: bold;color: #560280;margin-left:5%; margin-right:5%; ">Thing you need to know about us</h5>
</div >
<div style="width: 40px;height: 40px;margin-left: -10px;background-color: #efb507;margin-top: -10px;border-radius: 20px;">
</div>
<div style="width: 40px;height: 40px;margin-left: -10px;background-color: #efb507;margin-top: 165px;border-radius: 25px;">
</div>
<div style="width: 40px;height: 40px;margin-left: -10px;background-color: #efb507;margin-top: -150px;border-radius: 25px;">
</div>
<div style="margin-left: 50px;margin-top: -170px;">
<p style="font-weight:bold;color: #560280;margin-top: 20px;">Awards & Prices</p>
<p style="margin-top: -10px;">We give cash prices and gifts to the contestant that wins a competition.</p>
</div>
<div style="margin-left: 50px;margin-top: 50px;">
<h6 style="font-weight:bold;color: #560280;margin-top: -10px;">Empowerment</h6>
<p style="margin-top: -5px;">We help in empowering the less privileges children, sending them back to school because education is key.
</p>
</div>
<div style="margin-top: 35px;margin-left: 50px;">
<h6 style="font-weight:bold;color: #560280;">Activites</h6>
<p style="margin-top: -5px;">We host engaging events to make your child learn among other children.</p>
</div>
</div>
</section>
<section class="scrollspy" id="contest">
<div style="margin-top: 200px;margin-left: 5%;margin-right: 5%;" class="hide-on-small-only">
<div style="margin-bottom: 80px;" class="center">
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">Contest Stages</h5>
</div >
<div class="row">
<div class="col s12 l4 m4">
<p style="font-size:70px;position:absolute;margin-top:-10px;color:#efb507;z-index: -1;" class="">01</p>
<div style="margin-top: 60px;z-index: -5; height:360px" class="card hoverable">
<div class="card-content">
<a href="">
<p style="font-weight: bold;margin-top: 30px;color: #560280;">
November
</p> <br>
</a>
<p>Welcome to the First stage of the contest,this stage is called Bronze stage. Every contestant is required to have 200 votes to qualify for stage 2,after which you are entitled to a merch 🎁 A vote cost #50 and done either by paystack or direct transfer. <br>
<b> Note: save our contact 09042210588 for more information.</b>
</p>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<p style="font-size:70px;position:absolute;margin-top:-10px;color:#efb507;z-index: -1;">02</p>
<!-- <h1 style="margin-bottom:-100px ;font-size: 64px;color: #560280;" class="">1</h1> -->
<div style="margin-top: 60px;z-index: -5; height:360px" class="card hoverable">
<div class="card-content">
<a href="">
<p style="font-weight: bold;margin-top: 30px;color: #560280;">
November
</p> <br>
</a>
<p>This stage is called silver stage,you are required to qualify to the last and final stage with 300 votes 🗳 A vote cost #50. Five(5) highest voter in this stage get a kid educative Tab. <br>
<b> Note: You can win free votes during the contest</b></p>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<p style="font-size:70px;position:absolute;margin-top:-10px;color:#efb507;z-index: -1;">03</p>
<div style=" margin-top:60px; z-index: -5; height:360px" class="card hoverable">
<div class="card-content ">
<a href="">
<p style="font-weight: bold;margin-top: 30px;color: #560280;">
November
</p> <br>
</a>
<p>This stage is called Gold stage If you get to this stage you a a finalist and a winner but the highest voter wins it all. Winner,1st runner up and 2nd runner up gets the cash prize while 4th-10th get consolation prizes. <br>
<b> Note: One more vote can make a difference.</b>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section >
<div style="margin-top: 100px;margin-left: 5%;margin-right: 5%;" class="hide-on-med-and-up">
<div style="margin-bottom: 50px;" class="center">
<h5 style="font-weight: bold;color: #560280;">Contest Stages</h5>
</div >
<div class="row">
<div class="col s12 l4 m4">
<p style="font-size:70px;position:absolute;margin-top:-10px;color:#efb507;z-index: -1;" class="">01</p>
<div style="margin-top: 60px;z-index: -5;" class="card hoverable">
<div class="card-content">
<a href="">
<p style="font-weight: bold;margin-top: 30px;color: #560280;">
November
</p>
</a><br>
<p>Welcome to the First stage of the contest,this stage is called Bronze stage. Every contestant is required to have 200 votes to qualify for stage 2,after which you are entitled to a merch 🎁 A vote cost #50 and done either by paystack or direct transfer. <br>
<b> Note: save our contact 09042210588 for more information.</b>
</p>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<p style="font-size:70px;position:absolute;margin-top:-10px;color:#efb507;z-index: -1;">02</p>
<!-- <h1 style="margin-bottom:-100px ;font-size: 64px;color: #560280;" class="">1</h1> -->
<div style="margin-top: 60px;z-index: -5;" class="card hoverable">
<div class="card-content">
<a href="">
<p style="font-weight: bold;margin-top: 30px;color: #560280;">
November
</p>
</a><br>
<p>This stage is called silver stage,you are required to qualify to the last and final stage with 300 votes 🗳 A vote cost #50. Five(5) highest voter in this stage get a kid educative Tab. <br>
<b> Note: You can win free votes during the contest</b></p>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<p style="font-size:70px;position:absolute;margin-top:-10px;color:#efb507;z-index: -1;">03</p>
<div style=" margin-top:60px; z-index: -5;" class="card hoverable">
<div class="card-content ">
<a href="">
<p style="font-weight: bold;margin-top: 30px;color: #560280;">
November
</p>
</a><br>
<p>This stage is called Gold stage If you get to this stage you a a finalist and a winner but the highest voter wins it all. Winner,1st runner up and 2nd runner up gets the cash prize while 4th-10th get consolation prizes. <br>
<b> Note: One more vote can make a difference.</b>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="center" style="width: 95%; margin: auto;"><br>
<video width="100%" controls autoplay>
<source src="img/vid.mp4" type="video/mp4">
Your browser does not support HTML video.
</video>
</div>
<section class="" id="">
<div style="margin-bottom: 80px;margin-top: 100px;" class="center hide-on-small-only">
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">Meet Our Contestants</h5>
</div >
<div style="margin-bottom: 80px;margin-top: 100px;" class="center hide-on-med-and-up">
<h5 style="font-weight: bold;color: #560280;">Meet Our Contestants</h5>
</div >
<div class="container">
<div class="owl-carousel" id="owl">
<?php foreach($con as $cons){ ?>
<div>
<img style="width: 150px; height: 150px;" src="<?php echo $cons['Image']?> " class="responsive-img circle " alt="">
<p class="center" style="font-weight: 500; margin-left:-30%;"><?php echo $cons['Childsname'] ?></p>
</div>
<?php } ?>
</div>
</div>
</section>
<section style="margin-top: 100px;background-color: #560280; height: 500px;" class="hide-on-med-and-down">
<div class="center hide-on-med-and-down">
<div>
<h5 style="font-weight: bold;font-size: xx-large;color: white;padding-top: 50px;">What kids parents are saying about us</h5>
</div>
<p style="color: white;">Appreciation is a wonderful thing. Our goal is to respond to the call of creating the emerging leaders of tomorrow.</p>
</div>
<div style="margin-top: 5%; margin-left:10%; margin-right:10%;" class=" hide-on-med-and-down">
<div class="row">
<div class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 15%;">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">I believe in lifelong learning and they are a great place to learn. i've learnt a lot and recommend them</p>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 30%;margin-top: -15%; color: #560280;">Mr. Mike</p> <br>
</div>
</div>
</div>
<div class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 15%;">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">My daughter was just 8 months. I would like to thank the BabiesNitche for taking care of her</p>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 30%;margin-top: -15%; color: #560280;">Mrs. Paul Emmanuel</p> <br>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 15%;">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">I strongly recommend Babies Nitche, they are wonderful team, your wards are in safe hands</p><br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 30%;margin-top: -15%; color: #560280;">Prof. Comfort</p> <br>
</div>
</div>
</div>
</div>
</div>
</section >
<section style="margin-top: 10%;background-color: #560280; height: 500px;" class="hide-on-small-only hide-on-large-only">
<div class="center hide-on-small-only hide-on-large-only"> <br>
<div>
<h5 style="font-weight: bold;font-size: xx-large;color: white;padding-top: 50px;">What kids parents are saying about us</h5>
</div>
<p style="color: white;">Appreciation is a wonderful thing. Our goal is to respond to the call of creating the emerging leaders of tomorrow.</p><br>
</div>
<div style="margin-top: 5%" class="containe hide-on-small-only hide-on-large-only">
<div class="row">
<div class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 10%">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">I believe in lifelong learning and they are a great place to learn. i've learnt a lot and recommend them</p><br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 100px;margin-top: -40px; color: #560280;">Mr. Mike</p>
</div>
</div>
</div>
<div class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 10%">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">My daughter was just 8 months. I would like to thank BabiesNitche for taking care of her</p><br><br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 100px;margin-top: -40px; color: #560280;">Mrs. Paulina Emmanuel</p>
</div>
</div>
</div>
<div class="col s12 l4 m4">
<div style="width: 100%;height: 40%px;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 10%;">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">I strongly recommend Babies Nitche, they are a wonderful team, your wards are in safe hands</p> <br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 100px;margin-top: -40px; color: #560280;">Prof. Confort</p>
</div>
</div>
</div>
</div>
</div>
</section >
<section style="margin-top: 100px;background-color: #560280; height: 1000px;" class="hide-on-med-and-up">
<div class="center hide-on-med-and-up">
<div>
<h5 style="color: white;padding-top: 10%">What kids parents are saying about us</h5>
</div>
<p style="color: white;margin-left:5%;margin-right:5%">Appreciation is a wonderful thing. Our goal is to respond to the call of creating the emerging leaders of tomorrow.</p>
</div>
<div style="margin-top: 100px;" class="container hide-on-med-and-up">
<div class="row">
<div style="margin-bottom: 20px;" class="col s12 l4 m4 ">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 10%;">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">I believe in lifelong learning and they are a great place to learn. i've learnt a lot and recommend them</p> <br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 100px;margin-top: -8%; color: #560280;">Mr. Mike</p>
</div>
</div>
</div>
<div style="margin-bottom: 20px;" class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 10%;">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">My daughter was just 8 months. I would like to thank the Global for care of her</p> <br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 100px;margin-top: -10%; color: #560280;">Mrs. Paul Emmanuel</p>
</div>
</div>
</div>
<div style="margin-bottom: 20px;" class="col s12 l4 m4">
<div style="width: 100%;height: 40%;border-bottom-right-radius: 70px;border-top-left-radius:70px ;border:solid 4px #efb507" class="white z-depth-2 hoverable">
<div style="margin-left: 10px;margin-top: 10%">
<p style="padding-top:-15%;padding-left:10%;padding-right:10%">I strongly recommend Babies Nitche, they are a wonderful team, your wards are in safe hands</p> <br>
<img style="width: 50px; height: 50px; border: 2px solid;margin-left: -5px;" src="img/avatar.jpg" alt="" class="circle responsive-img">
<p style="margin-left: 100px;margin-top: -40px; color: #560280;">Prof. Comfort</p>
</div>
</div>
</div>
</div>
</div>
</section >
<section style="margin-top: 100px;" class="hide-on-small-only">
<div class="center">
<h5 style="font-weight: bold;font-size: xx-large;color: #560280;">Our Gallery</h5>
</div >
<div style="margin-top: 80px;" class="container hide-on-small-only">
<div class="row hide-on-small-only">
<div class="col s12 l4 m4">
<img src="img/kids-g8946cfc2d_1280.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img style="margin-top: -25px;" src="img/kids-g55845aaa9_1280.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img style="margin-top: -20px;" src="img/softball-g2f6c08e5b_1280.jpg" class="responsive-img materialboxed" alt="">
</div>
</div>
</div>
</section>
<section style="margin-top: 12%" class="hide-on-med-and-up">
<div class="center">
<h5 style="font-weight: bold;color: #560280;">Our Gallery</h5>
</div >
<div style="margin-top: 10%;" class="container hide-on-med-and-up">
<div class="row hide-on-med-and-up">
<div class="col s12 l4 m4">
<img src="img/kids-g8946cfc2d_1280.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img src="img/markus-spiske-OO89_95aUC0-unsplash.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img style="margin-bottom: -50px;" src="img/spikeball-ESlJNsYwIwM-unsplash.jpg" class="responsive-img materialboxed" alt="">
</div>
</div>
<div class="row hide-on-med-and-up">
<div class="col s12 l4 m4">
<img src="img/jonathan-borba-UdhvRvpaBP0-unsplash.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img src="img/spikeball-yKsBMhgNpRs-unsplash.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<div>
<img style="margin-top: -270px;" src="img/mi-pham-xtd3zYWxEs4-unsplash.jpg" class="responsive-img materialboxed" alt="">
</div>
</div>
</div>
<div class="row hide-on-med-and-up">
<div class="col s12 l4 m4">
<img src="img/softball-g2f6c08e5b_1280.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img src="img/kids-g55845aaa9_1280.jpg" class="responsive-img materialboxed" alt="">
</div>
<div class="col s12 l4 m4">
<img src="img/taylor-smith-Mw9TO8Wbz8A-unsplash.jpg" class="responsive-img materialboxed" alt="">
</div>
</div>
</div>
</section>
<br>
<br>
<div style="margin-bottom: -10%;margin-top:3%" class="container center" >
<h5 style="font-weight: bold;font-size: xx-large;color: #560280; margin-top:100px">Registration ends in:</h5>
</div >
<div style="margin-left: 1%;margin-right: 1%;">
<div style="width: 100%;height: 250px;background-color: #ebb906;">
<!-- Display the countdown timer in an element -->
<p style="font-size:45px; margin-top:100px" id="demo"></p>
</div>
</div>
<?php include 'footer.php' ?>
<script src="../materialize/js/jquery.js"></script>
<script src="../materialize/js/materialize.js"></script>
<script src="OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
$(document).ready(function(){
$('.sidenav').sidenav();
$('.materialboxed').materialbox();
$('.scrollspy').scrollSpy();
$('.sidenav').sidenav();
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
})
});
var owl = $('#owl');
owl.owlCarousel({
responsive:{
0:{
items:2
},
600:{
items:3
},
1000:{
items:4
}
},
// items:4,
loop:true,
margin:10,
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:true
});
</script>
<script>
// Set the date we're counting down to
var countDownDate = new Date("July 29, 2025 15:37:25").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>
</body>
</html>
JFIF $
JFIF $