ÿØÿà JFIFÿØÿà JFIF ÿØÿà JFIFÿØÿà JFIF ÿþ$
File Manager
File Manager
Melihat File: contact.php
<!DOCTYPE html>
<html lang="en-US" class="js no-svg background-fixed">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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="stylesheet" href="materialize/css/materialize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" 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">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/a278e9af44.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<style>
@font-face {
font-family: bodyfont;
src: url('assets/MuseoSans-100.otf');
}
/* A custom container with less margin than the normal container*/
.containers{
margin-right: 10rem !important;
margin-left: 10rem !important;
}
.links{
display: inline;
}
nav {
position: -webkit-sticky;
position: sticky;
/* sticky or fixed are fine */
position: fixed;
top: 0;
height: 69px;
width: 100%;
background:
/*linear-gradient(to bottom, #000, #0003 70%,#0000)*/
transparent;
/*background when scroll is in the top */
transition: background .5s;
/* control how smooth the background changes */
background: transparent;
}
nav.scrolled {
background: white;
}
.text-orange{
color:#efb507 !important;
}
.orange{
background:#efb507 !important;
}
body{
font-family: bodyfont,sans-serif;
}
.trans{
height: fit-content;
z-index: 999;
}
.hold-nav{
margin-top: 2rem;
margin-bottom: 2rem;
}
.shadowed{
box-shadow: 2px 2px 1px grey;
}
.shadowed:hover{
box-shadow: 0 0 5px #FFB400, 0 0 15px #FFB400, 0 0 30px #FFB400, 0 0 100px #FFB400;
background: white;
}
.bg{
position: fixed;
/* height: 100%;
width: 100%; */
opacity: 0.4;
}
/* #top{
} */
.bold-text{
font-weight: bold;
}
.services-card{
padding: 10px;
border-radius: 10px;
background: rgba( 255, 255, 255, 0.2 );
box-shadow: 0 8px 32px 0 rgba(170, 170, 172, 0.37);
backdrop-filter: blur( 10px );
-webkit-backdrop-filter: blur( 10px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.steps-card{
padding: 15px;
border-radius: 10px;
background: rgba( 255, 255, 255, 0.2 );
box-shadow: 0 8px 32px 0 rgba(170, 170, 172, 0.37);
backdrop-filter: blur( 10px );
-webkit-backdrop-filter: blur( 10px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
#join{
background: url('img/wave.svg');
background-position: center;
background-size: cover;
}
.footer-text{
color: white;
}
.blacked{
background-color: rgb(37, 35, 35);
}
#services{
background: url('img/wave_2.svg');
background-position: center;
background-size: cover;
}
#happy{
background: url('img/wave_3.svg');
/* background: #FFB400; */
background-position: center;
background-size: cover;
}
a.btn-floating.whats{
text-align: center;
position: fixed;
top:80%;
left: 95%;
background-color:black;
font-weight: bold;
}
.review-card{
padding: 10px;
border-radius: 10px;
background: rgba( 255, 255, 255, 0.2 );
box-shadow: 0 8px 32px 0 rgba(170, 170, 172, 0.37);
backdrop-filter: blur( 100px );
-webkit-backdrop-filter: blur( 30px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.splide__arrow .splide__arrow--next{
display:none;
}
</style>
<body>
<?php
include('nav.php');
?>
<br>
<br>
<br>
<br>
<br>
<br>
<section id="top" class="scrollspy" >
<div class="text-lg" style="margin-left: 10%;margin-right: 10%;">
<div class="row">
<div class="col l6 m6 s12" style="text-align: justify;">
<h3 class="title bold-text" style="color: #efb507;">
<span style="border-top:3px solid;font-size: 20px;">
<a href="aboutus.php" style="color: #efb507;font-weight: 800;">Our Info</a>
</span>
</h3><p style="font-weight: 600;">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> <br>
Radiant 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 radiant kids. Kids who
emerge as winners will be appointed as brand ambassador, face of radiant kids and will also be awarded
with lots of amazing prizes
</div>
<div class="col l6 m6 s12 center">
<form action="" style="margin: 10%;">
<input style="border-radius: 10px;padding-left: 3%;margin: 0%;padding-top: 0%;width:97%;
background-color: white" type="text" name="" id="" placeholder="Your Name">
<input style="border-radius: 10px;padding-left: 3%;margin: 0%;padding-top: 0%;width:97%;
background-color: white" type="email" name="" id="" placeholder="Email">
<input style="border-radius: 10px;padding-left: 3%;margin: 0%;padding-top: 0%;width:97%;
background-color: white" type="text" name="" id="" placeholder="Input your subject">
<input style="border-radius: 10px;padding-left: 3%;margin-top: 0%;padding-top: 0%;width:97%;
background-color: white; height: 100px" type="text" name="" id="" placeholder="Input Your Message">
<div class="submit-btn center">
<button type="submit" class="btn hide-on-med-and-down" style="width: 435px;
background-color: #560280;" placeholder="Submit">Submit</button>
<button type="submit" class="btn hide-on-large-only hide-on-small-only"style="width:720px;
background-color: #560280;" placeholder="Submit">Submit</button>
<button type="submit" class="btn hide-on-med-and-up" style="width: 350px;
background-color: #560280;" placeholder="Submit">Submit</button>
</div>
</form>
</div>
</div>
</section>
<?php
include('footer.php');
?>
</body>
</html>
ÿØÿà JFIF ÿþ$
ÿØÿà JFIF ÿþ$
ÿÂ