Template

Size
2,323 Kb
Views
18,216

How do I make an template?

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

Template Previews

Template - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>template</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<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 id="gnavArea"></div> </div> <!-- / Header Area --> <div id="dirPathArea"></div> <div id="mainArea">	<div id="contentArea"> </div> <!-- / Content Area --> <div id="sideArea"> </div> <!-- / Side Area --> </div> <!-- / Main Area --> <div id="footerArea"> </div> <!-- / Footer Area --> </div>
</div>
</body>
</html>
</body>
</html>

Template - 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;
}
#wrap #wrapInner {	width: 960px;	height: auto;	margin: 0px auto;
}
/*
===== 2: Header Area ============================*/
#headerArea {
}
/* gnavArea
----------------------------*/
#headerArea #gnavArea {
}
/*
===== 3: Main Area ===============================*/
#mainArea {
}
/* contentArea
----------------------------*/
#mainArea #contentArea {
}
/* sideArea
----------------------------*/
#mainArea #sideArea {
}
/*
===== 3: Footer Area =============================*/
#footerArea {
}
.clear {	clear: both;
}
@charset "utf-8";
/*===============
css reset stylesheet is to reduce browser inconsistencies
in things like default line heights, margins and font sizes of headings,
and so on. =====*/
html{	background:#ffffff;	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fiel dset,input,textarea,p,blockquote,th,td{	margin:0;	padding:0;	}
table{	border-collapse:separate;	border-spacing:0;	}
fieldset,img{	border:0;	}
img{	vertical-align:top;	}
address,caption,em,strong,th{	font-style:normal;	font- weight:normal;	}
ol,ul{	list-style:none;	}
caption,th,td{	text-align:left;	}
h1,h2,h3,h4,h5,h6{	font-size:100%;font-weight:normal;	}
sup{	vertical-align:text-top;	}
sub{	vertical-align:text-bottom;	}
input,textarea,select{	font-family:inherit;	font-size:inherit;	font- weight:inherit;	}
input,textarea,select{	*font-size:100%;	}
a{color:#0A00FF;}
a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;cursor:pointer!important;}
a:active{text-decoration:underline;}
Template - Script Codes
Template - Script Codes
Home Page Home
Developer Nugroho Indra Utomo
Username indra_z85
Uploaded October 17, 2022
Rating 3
Size 2,323 Kb
Views 18,216
Do you need developer help for Template?

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
Create amazing love letters 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!