Template
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 - 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;}
Developer | Nugroho Indra Utomo |
Username | indra_z85 |
Uploaded | October 17, 2022 |
Rating | 3 |
Size | 2,323 Kb |
Views | 18,216 |
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!
Name | Size |
Parents | 3,676 Kb |
A Pen by nugroho indra utomo | 7,925 Kb |
Js form | 1,753 Kb |
Javascript2 | 1,997 Kb |
Task | 5,383 Kb |
Fancy box effect | 19,982 Kb |
Template | 2,323 Kb |
Track2 | 10,828 Kb |
JQuery Dropdown Menu | 3,726 Kb |
Jquery effect | 2,139 Kb |
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!
Name | Username | Size |
Custom Select Element | Agrayson | 3,616 Kb |
Scoreboard.js basic usage | Tbleckert | 1,733 Kb |
P1 | Vivi_Lai | 1,533 Kb |
Webkit decolorize | Fivera | 1,675 Kb |
Canvas snow | Win7killer | 2,572 Kb |
Stylize Stories | Jvhti | 2,465 Kb |
Display properties | Hamzaerbay | 1,886 Kb |
Dragonball Dragon Radar | DouglasGlover | 2,157 Kb |
Arrow Navigation | Hinducows | 1,973 Kb |
A Pen by Dalton Liu | Liudalton | 12,437 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!