Parents

Developer
Nugroho Indra Utomo
Size
3,676 Kb
Views
18,216
  1. Parents Previews
  2. Parents HTML Codes
  3. Parents CSS Codes

How do I make an parents?

What is a parents? How do you make a parents? This script and codes were developed by Nugroho Indra Utomo on 17 October 2022, Monday.

Parents Previews
IQ Test

Parents - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>parents</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Orang Tua :.</title>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta name="description" content="Digital Marketing">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Transcosmos Indonesia">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/parts.css" rel="stylesheet" type="text/css">
<link href="css/base.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrap">	<div id="wrapInner">	<div id="headerArea">	<div class="columnBlockA01"><img src="images/header_logo_001.png" alt="logo" /></div>	<div id="gnavArea">	<ul>	<li><a href="" title="Product">Product</a></li> <li><a href="" title="Company">Company</a></li> <li><a href="" title="News & Event">News & Event</a></li> </ul> </div> <div class="columnBlockA02">	<ul>	<li><a href="" title="Product">Halaman Utama</a></li> <li><a href="" title="Company">Peta Situs</a></li> <li><a href="" title="News & Event">FAQ</a></li> <li><a href="" title="Karir">Karir</a></li> <li><a href="" title="Contact Us">Contact Us</a></li> </ul> <form>	<input class="radiusBlockA01" type="text" /> <input class="radiusBlockA01" type="submit" value="Cari" /> </form> </div> </div> <!-- / #headerArea --> <div id="mainArea">	<div id="contentArea">	<div id="dirPathArea">	<ul>	<li><a href="">Home</a></li> <li><a href="">Products</a></li> <li><a href="">Our Brands</a></li> </ul> </div> <h1>Product Categories</h1> <div class="columnBlockA01">	<ul>	<li>	<img src="images/main_img_001.png" alt="Wafer, Biscuits & Delicacies" title="Wafer, Biscuits & Delicacies" width="143" height="105" /> <a href=""><h4>Wafer, Biscuits & Delicacies</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="candy" title="candy" width="143" height="105" /> <a href=""><h4>Candy</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="Nut" title="Nut" width="143" height="105" /> <a href=""><h4>Nut</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="Minuman Sehat" title="Minuman Sehat" width="143" height="105" /> <a href=""><h4>Minuman Sehat</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="Fermented Milk" title="Fermented Milk" width="143" height="105" /> <a href=""><h4>Fermented Milk</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="Sweet Water" title="Sweet Water" width="143" height="105" /> <a href=""><h4>Sweet Water</h4></a> </li><li>	<img src="images/main_img_001.png" alt="Liquid Milk" title="Liquid Milk" width="143" height="105" /> <a href=""><h4>Liquid Milk</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="Personal Care" title="Personal Care" width="143" height="105" /> <a href=""><h4>Personal Care</h4></a> </li> <li>	<img src="images/main_img_001.png" alt="Minuman Nutrisi" title="Minuman Nutrisi" width="143" height="105" /> <a href=""><h4>Minuman Nutrisi</h4></a> </li> </ul> </div> </div> <!-- / #contentArea --> <div id="sideArea">	<div class="listBlockA01">	<h3>Product</h3> <ul>	<li><a href="">Our Brand</a></li> <li><a href="">Tips & Articles</a></li> <li><a href="">Recipes</a></li> <li><a href="">Our Brand</a></li> <li><a href="">Promotions</a></li> <li><a href="">Our Brand</a></li> <li><a href="">Fun Stuffs</a></li> </ul> </div> <!-- /.listBlockA01 --> <div class="listBlockA02">	<h3>Micro Site</h3> <ul>	<li><a href="">Vitacharm®</a></li> <li><a href="">Kiranti®</a></li> <li><a href="">Wafer Tango®</a></li> <li><a href="">Formula Oral Care®</a></li> </ul> </div> </div> <!-- / #sideArea --> </div> <!-- / #mainArea --> <div id="footerArea">	<p>Contact Us: 0800-107-7777 (Toll Free)</p> <p> <a href="" title="Terms & Conditions">Terms & Conditions</a> | <a href="" title="Privacy Policy">Privacy Policy</a></p> <p>Copyright © 2010, OT | Last Update: 21 Oktober 14</p> </div> <!-- / #footerArea --> </div> <!-- /#wrapInner -->
</div>
<!--/#wrap -->
</body>
</html>
</body>
</html>

Parents - Script Codes CSS Codes

@charset "utf-8";
/*===============
contain : construct page layout like page background,
header, footer, global navigation and so on =====*/
/*----- contents -------	1: Wrap Section	2: Header Area	: gnavArea	3: Main Area	: contentArea	: sideArea	4: Footer Area
----------------------*/
/*
===== 1: Wrap Section ===========================*/
#wrap {	margin: 0px;	padding: 0px;	background-image:url(../images/bg_001.jpg);	background-position:center bottom;	background-repeat:no-repeat;	overflow:hidden;
}
#wrap #wrapInner {	width: 940px;	height: auto;	margin: 0px auto;
}
/*
===== 2: Header Area ============================*/
#headerArea {	width: 100%;	height: 110px;	margin: 0px auto;
}
#headerArea .columnBlockA01, #headerArea #gnavArea, #headerArea .columnBlockA02 {	float:left;
}
/* logo
----------------------------*/
#headerArea .columnBlockA01 {	width: 170px;	height: 90px;	margin: 0;	padding: 20px 0 0 0;
}
/* #gnavArea
----------------------------*/
#headerArea #gnavArea {	width: 470px;	height: 110px;	margin: 0;	font-size:14px;
}
#headerArea #gnavArea ul {	display:block;	margin:77px 0 0 95px;
}
#headerArea #gnavArea ul li {	display:block;	float:left;	margin:0 56px 0 0;
}
#headerArea #gnavArea ul li:last-child {	margin:0 0 0 0;
}
#headerArea #gnavArea ul li a {	color:#333335;	display:block;	text-decoration:none;	text-transform:uppercase;
}
#headerArea #gnavArea ul li a:hover {
}
/* nav & search
----------------------------*/
#headerArea .columnBlockA02 {	width: 300px;	height: 110px;	margin: 0px auto;
}
#headerArea .columnBlockA02 ul {	margin:30px 0 0 0;	font-size:12px;	text-align:right;
}
#headerArea .columnBlockA02 ul li {	display:inline-block;	margin:0 0 0 0;
}
#headerArea .columnBlockA02 ul li:after {	content:" | ";
}
#headerArea .columnBlockA02 ul li:last-child {	margin:0 0 0 0;
}
#headerArea .columnBlockA02 ul li:last-child:after {	content:"";
}
#headerArea .columnBlockA02 ul li a {	color:#1d1c1c;	text-decoration:none;
}
#headerArea .columnBlockA02 ul li a:hover {
}
#headerArea .columnBlockA02 form {	margin:25px 0 0 10px;
}
#headerArea .columnBlockA02 form input[type='text']{	width:183px;	height:30px;	border:1px solid #d9d9d9;	margin:0 10px 0 0;	padding:0 10px;
}
#headerArea .columnBlockA02 form input[type='submit']{	color:#fff;	font-size:14px;	width:70px;	height:32px;	border:1px solid #d9d9d9;	background-color:#00a7dd;	cursor:pointer;
}
/*
===== 3: Main Area ===============================*/
#mainArea {	width: 100%;	height:auto;/*-- change to auto when you have a content on html page --*/	margin: 0px auto;	background-color:;/*-- just for sample --*/	overflow:hidden;
}
/* #contentArea
----------------------------*/
#mainArea #contentArea {	width:700px;	height:auto;	background-color:;	border-left:1px solid #d7d7d7;	float:right;	margin:40px 0 25px 0;
}
/* #columnBlockA01
----------------------------*/
#mainArea #contentArea .columnBlockA01 {
}
#mainArea #contentArea .columnBlockA01 img {	border:1px solid #d7d7d7;	cursor:pointer;
}
#mainArea #contentArea .columnBlockA01 ul {
}
#mainArea #contentArea .columnBlockA01 ul li {	width:145px;	height:140px;	margin:0 0 70px 53px;	float:left;
}
#mainArea #contentArea .columnBlockA01 ul li:nth-last-child(1),
#mainArea #contentArea .columnBlockA01 ul li:nth-last-child(2),
#mainArea #contentArea .columnBlockA01 ul li:nth-last-child(3)
{	margin:0 0 25px 53px;
}
#mainArea #contentArea .columnBlockA01 ul li a {	text-decoration:none;
}
/* #sideArea
----------------------------*/
#mainArea #sideArea {	width:221px;	height:auto;	float:left;	margin:	40px 0 0 0;
}
/* .listBlockA01
-----------------------------*/
#mainArea #sideArea .listBlockA01 {
}
#mainArea #sideArea .listBlockA01 ul {	display:block;	margin-left:19px;
}
#mainArea #sideArea .listBlockA01 ul li {	margin-bottom:13px;
}
#mainArea #sideArea .listBlockA01 ul li a {	text-decoration:none;	color:#00a7dd;
}
/* .listBlockA02
-----------------------------*/
#mainArea #sideArea .listBlockA02 {
}
#mainArea #sideArea .listBlockA02 ul {	display:block;	margin-left:19px;
}
#mainArea #sideArea .listBlockA02 ul li {	margin-bottom:13px;
}
#mainArea #sideArea .listBlockA02 ul li a {	text-decoration:none;	color:#00a7dd;
}
/*
===== 4: Footer Area =============================*/
#footerArea {	width:930px;	height:62px;	margin:0px auto;	background-image:url(../images/footer_bg_001.jpg);	padding:15px 0 0 10px;
}
#footerArea p{	display:block;	width:460px;	float:left;	color:#fff;	margin:0 0 8px 0;
}
#footerArea p:nth-child(2){	text-align:right;
}
#footerArea p a{	color:#fff;	text-decoration:none;
}
.clear {	clear: both;
}
Parents - Script Codes
Parents - Script Codes
Home Page Home
Developer Nugroho Indra Utomo
Username indra_z85
Uploaded October 17, 2022
Rating 3
Size 3,676 Kb
Views 18,216
Do you need developer help for Parents?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Nugroho Indra Utomo (indra_z85) Script Codes
Name
Js form
JQuery Dropdown Menu
Fancy box effect
Track2
Responsive2
Club t
Meiji
Slider hover
Jquery effect
Javascript only
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!