Friday, 25 December 2015

How to Creat a Bussiness Templet in html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TechNode Business</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
    <div id="topbar">
        <div id="languagebox">
            <a href="#"><img src="images/engflag.gif" alt="English" /></a>
            <a href="#"><img src="images/frenchflag.gif" alt="French" /></a>
            <a href="#"><img src="images/germanyflag.gif" alt="Germany" /></a>
            <a href="#"><img src="images/japanflag.gif" alt="Japan" /></a>
        </div> <!-- end languagebox -->
    </div><!-- end top baar -->
    <div id="header">
        <div id="logo">
            <img src="images/logo.gif" alt="Logo" />
            <div id="sitetitle">Business</div>
      </div> <!-- End Logo -->
       
        <div id="login">
            <form method="post" action="#">
                <label>Email:</label><input class="inputfield" name="email_address" type="text" id="email_address"/>
                <label>Password:</label><input class="inputfield" name="password" type="password" id="password"/>
                <input class="button" type="submit" name="Submit" value="Login" />
            </form>
        </div> <!-- End Login -->
    </div> <!-- End header -->
    <div id="menu">
         <ul>
            <li><a href="index.html"  class="current">Home</a></li>
            <li><a href="subpage.html">Services</a></li>
            <li><a href="subpage.html">Solutions</a></li>
            <li><a href="subpage.html">Partners</a></li> 
            <li><a href="subpage.html">News</a></li>                     
            <li><a href="subpage.html" class="lastmenu">Contact Us</a></li>           
        </ul> 
    </div> <!-- End Menu -->
     <div id="banner">
        <h1> Your Future Business</h1>
      <p>This is a free CSS website template provided by <a href="http://www.technode.in" target="_parent">TechNode Inc</a>. Icons are provided by <a href="http://www.99designer.org/" target="_blank"><strong>99Designer Inc</strong></a>. Feel free to modify and use this layout for your websites. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat.        </p>
      <div class="more_button"><a href="#">Read more</a></div>
    </div> <!-- End banners -->
    <div id="services">
        <div class="service_box">
        <center><img src="images/world128.png" alt="Strategic Planing Icon" />
        <h2>Strategic Planing</h2>
        <p> Maecenas aliquam, ligula id egestas suscipit, nisi sapien dignissim nibh, ac vestibulum lorem urna in neque.        </p>
        <div class="more_button"><a href="#">Read more</a></div></center>
        </div>
       
        <div class="service_box">
        <center><img src="images/people.png" alt="Strategic Planing Icon" />
        <h2>Marketing</h2>
        <p>Aenean eget tortor eget ipsum aliquet porta. Vestibulum quis pede non urna venenatis vehicula. </p>
        <div class="more_button"><a href="#">Read more</a></div></center>
        </div>
       
        <div class="service_box">
        <center><img src="images/vault128.png" alt="Strategic Planing Icon" />
        <h2>Banking</h2>
        <p>Praesent vel diam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec...</p>
        <div class="more_button"><a href="#">Read more</a></div></center>
        </div>
    </div> <!-- End Service -->
   
    <div id="newssection">
      <h1>Latest News</h1>
    <div class="newsbox">
    <h4>Aliquam tristique lacus in sapien</h4>
    <p>Praesent vel diam. Cras sed leo tempor neque placerat pretium. Donec mollis aliquet ligula. Pellentesque vitae magna. <a href="#">more...</a> </p>
    </div>
   
    <div class="newsbox">
    <h4>Donec mollis aliquet ligula</h4>
    <p>Vivamus a massa. Aliquam tristique lacus in sapien. Suspendisse potenti. Ut sed pede. Nullam vitae tellus. <a href="#">more...</a></p>
    </div>
   
    <div class="newsbox">
    <h4>Lorem ipsum dolor sit amet</h4>
    <p>
    Donec mollis aliquet ligula. Curabitur nec odio. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. <a href="#">more...</a></p>
    </div>
   
    <div class="more_button"><a href="#">Read All News</a></div>
  </div> <!-- End newssection -->
 
  <div id="light_blue_row">
        <div class="gallery">
          <h1>Featured Projects</h1>
              <div class="gp_row">
                <img src="images/building_150x70_03.gif" alt="image" />
                <p>In hac habitasse platea dictumst. Aenean cursus. Maecenas aliquam, ligula id egestas suscipit, nisi sapien dignissim nibh. <a href="#">more...</a>                </p>
          </div>
            <div class="gp_row">
              <img src="images/building_150x70_02.gif" alt="image" />
                <p>Praesent varius egestas velit. Donec a massa ut pede pulvinar vulputate.  Aenean eget tortor eget ipsum aliquet porta. V  <a href="#">more...</a>                </p>
          </div>
            <div class="gp_row">
                <img src="images/building_150x70_01.gif" alt="image" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. <a href="#">more...</a>
                </p>
            </div>
            <div class="more_button"><a href="#">View All</a></div>
        </div>
        <div class="partners">
          <h1>New Partners</h1>
              <div class="gp_row">
                <img src="images/templatemo.gif" alt="image" />
                <p>Mauris blandit vehicula neque. Proin consectetuer. Donec venenatis. Cras urna metus, feugiat non, consectetuer quis, pretium quis, nunc. <a href="templatemo.com" target="_parent">more...</a>
                </p>
            </div>
            <div class="gp_row">
                <img src="images/flashmo.gif" alt="image" />
                <p>Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. <a href="flashmo.com" target="_parent">more...</a>
                </p>
            </div>
            <div class="gp_row">
                <img src="images/webdesignmo.gif" alt="image" />
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. <a href="webdesignmo.net" target="_parent"> more...</a>
                </p>
            </div>
            <div class="more_button"><a href="#">View All</a></div>
        </div>
    </div> <!-- End blue row -->
   
    <div id="footer">
        <a href="#">Home</a> | <a href="#">Services</a> | <a href="#">Solutions</a> | <a href="#">Partners</a> | <a href="#">News</a> | <a href="#">Contact Us</a><br />
        Copyright © 2015 <a href="#"><strong>TechNode It solutions</strong></a> | Designed by <a href="http://www.technode.in" target="_blank" title="Free Website Templates">99designer.org</a>
    </div>
   
</div> <!-- Container  end-->
</body>
</html>

No comments:

Post a Comment