HTML code For MINI web Designing
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mini Template, free website layout</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="author" content="Niall Doherty" />
<script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(window).bind("load", function() {
jQuery("div#slider1").codaSlider()
cross-linking difficulties if using multiple sliders on one page.
});
</script>
</head>
<body>
<div id="templatemo_site_title_bar">
<div id="site_title">
<h1>
<img src="images/templatemo_logo.png" alt="mini site" /><span>free css website template</span>
</a></h1>
</div>
</div>
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<!-- start of slider -->
<div class="slider-wrap">
<div id="slider1" class="csw">
<div class="panelContainer">
<div class="panel" title="Home">
<div class="wrapper">
<h2>Welcome to KAEED</h2>
<div class="image_wrapper fl_image">
<img src="images/templatemo_image_01.jpg" alt="image 1"/>
</div>
<p class="nav_page_link"><a href="#2" class="cross-link" title="Go to Page 2">Next »</a></p>
</div>
</div>
<div class="panel" title="Services">
<div class="wrapper">
<h2>Design Services</h2>
<p class="em_text">
<ul class="service_list">
<li>.</li>
<li>.</li>
<li>.</li>
</ul>
<div class="cleaner_h20"></div>
<p class="nav_page_link"><a href="#1" class="cross-link" title="Go to Page 1">« Previous</a> | <a href="#3" class="cross-link" title="Go to Page 3">Next »</a></p>
</div>
</div>
<div class="panel" title="Portfolio">
<div class="wrapper">
<h2>Portfolio</h2>
<div class="portfolio_box">
<h3>Consultant</h3>
<div class="port_img">
<img src="images/templatemo_image_02.jpg" alt="project 1" />
</div>
<div class="port_content">
<p</p>
Preview</a>
</div>
</div>
<div class="portfolio_box">
<h3>Software Co.</h3>
<div class="port_img">
<img src="images/templatemo_image_04.jpg" alt="project 3" />
</div>
<div class="port_content">
<p></p>
</div>
</div>
<div class="portfolio_box">
<h3>VOIP</h3>
<div class="port_img">
<img src="images/templatemo_image_03.jpg" alt="project 2" />
</div>
<div class="port_content">
</div>
</div>
<div class="cleaner_h10"></div>
<p class="nav_page_link"><a href="#2" class="cross-link" title="Go to Page 2">« Previous</a> | <a href="#4" class="cross-link" title="Go to Page 4">Next »</a></p>
</div>
</div>
<div class="panel" title="About Us">
<div class="wrapper">
<h2>About Us</h2>
<div class="image_wrapper fl_image">
<img src="images/templatemo_image_05.jpg" alt="free image 1"/>
</div>
<p>
<div class="image_wrapper fr_image">
<img src="images/templatemo_image_06.jpg" alt="free image 2"/>
</div>
<p> </p>
<p class="nav_page_link"><a href="#3" class="cross-link" title="Go to Page 3">« Previous</a> | <a href="#5" class="cross-link" title="Go to Page 5">Next »</a></p>
</div>
</div>
<div class="panel" title="Contact Us">
<div class="wrapper">
<h2>Contact Us</h2>
<div id="contact_form">
<form method="post" name="contact" action="#5">
<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
<div class="cleaner_h10"></div>
<label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
<div class="cleaner_h10"></div>
<label for="url">URL:</label> <input type="text" name="url" id="url" class="input_field" />
<div class="cleaner_h10"></div>
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
<div class="cleaner_h10"></div>
<input style="font-weight: bold;" type="submit" class="submit_btn" name="submitbutton" id="submitbutton" value=" Send " />
<input name="reset" type="reset" value="Reset" />
</form>
</div>
<div class="address_info">
<h3>Address</h3>
</div>
<div class="cleaner"></div>
<p class="nav_page_link"><a href="#4" class="cross-link" title="Go to Page 4">« Previous</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>>
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<a href="#"> Company Name</a> | <a href=>Website Templates</a> by <a href=> CSS Templates</a> </div>
<!-- end of templatemo_footer -->
</div> <!-- end of templatemo_footer_wrapper -->
<div align=center>This template downloaded form <a href='>free website templates</a></div></body>
</html>
0 comments:
Post a Comment