Friday, January 10, 2014

HTML code For MINI web Designing

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 &#187;</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">&#171; Previous</a> | <a href="#3" class="cross-link" title="Go to Page 3">Next &#187;</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">&#171; Previous</a> | <a href="#4" class="cross-link" title="Go to Page 4">Next &#187;</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">&#171; Previous</a> | <a href="#5" class="cross-link" title="Go to Page 5">Next &#187;</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">&#171; 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