📄 index.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=iso-8859-1" />
<title>Business Company</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #ea5117}
.style4 {color: #fd9e04}
-->
</style>
</head>
<body>
<div class="topwrapper">
<!-- HEADER -->
<div id="header-top"></div>
<div id="header">
<div id="logo">
<a href="#" title="Business Company" >
<img src="images/logo.jpg" alt="Business Company" width="227" height="46" border="0" /></a>
</div>
<div id="nav">
<ul>
<li id="home"><a href="index.html" title="Home Page">Home</a></li>
<li class="bullet"></li>
<li id="about"><a href="#" title="About">About</a></li>
<li class="bullet"></li>
<li id="services"><a href="#" title="Services">Services</a></li>
<li class="bullet"></li>
<li id="portfolio"><a href="#" title="Portfolio">Portfolio</a></li>
<li class="bullet"></li>
<li id="blog"><a href="#" title="Blog">Blog</a></li>
<li class="bullet"></li>
<li id="contacts"><a href="#" title="Contacts">Contacts</a></li>
</ul>
</div>
</div>
<!-- MAIN IMG -->
<div id="header-img">
<div id="call"><a href="#">For Services Call On +91 786 5555</a></div>
</div>
<!-- CONTENT -->
<div id="content">
<!-- LEFT SIDE -->
<div id="leftside">
<div id="news">
<h2><span class="style1">LATEST</span> NEWS</h2>
<ul>
<li><p><span>11th march 2009 on at 12.00 am</span><br/>Consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam lorem diam <a href="#"> | read more</a></p>
</li>
<li><p><span>11th march 2009 on at 12.00 am</span><br/>Consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam lorem diam <a href="#"> | read more</a></p>
</li>
</ul>
</div>
</div>
<!-- RIGHT SIDE -->
<div id="rightside">
<div id="welcome">
<h2><span class="style1">WELCOME </span>TO OUR COMPANY</h2>
<p>Consetetur sadi lorem sed et ea consetetur sadi consetetur sadi lorem sed et ea consetetur sadi pscing consetetur consetetur sadi lorem sed et ea consetetur sadi pscing consetetur pscing elitr, sed diamc onsetetur sadi lorem sed et ea consetetur sadi consetetur sadi lorem sed et ea consetetur sadi pscing consetetur consetetur sadi lorem sed et ea consetetur sadi pscing consetetur pscing elitr, sed diamconsetetur sadi lorem sed et ea consetetur sadi consetetur sadi lorem sed iam diamconsetetur sadi lorem sed et ea consetetur sadi consetetur sadi lorem sed iam sed iam<a href="#"> | read more</a></p>
</div>
</div>
</div>
<!-- BOTTOM -->
<div class="bottom">
<div id="service">
<div class="service_inner">
<h2><a href="#">WEB DEVELOPMENT</a></h2>
<img src="images/design.jpg" alt="Web Development" width="47" height="59" />
<p>Consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed diam consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam </p>
</div>
<div class="more">
<a href="#">Read More</a>
</div>
</div>
<div class="line">
</div>
<div id="service">
<div class="service_inner">
<h2><a href="#">WEB APPLICATION</a></h2>
<img src="images/aap.jpg" alt="Web Application" width="47" height="59" />
<p>Consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed diam consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam </p>
</div>
<div class="more">
<a href="#">Read More</a>
</div>
</div>
<div class="line">
</div>
<div id="service">
<div class="service_inner">
<h2><a href="#">WEBSITE MARKETING</a></h2>
<img src="images/marketing.jpg" alt="WebSire Marketing" width="47" height="59" />
<p>Consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed diam consetetur sadi lorem sed et ea consetetur sadi pscing pscing elitr, sed lorem diam </p>
</div>
<div class="more">
<a href="#">Read More</a>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<p><a href="#">HOME</a> | <a href="#">ABOUT US</a> | <a href="#">SERVICES</a> | <a href="#">PORTFOLIO</a> | <a href="#">NEWS</a> | <a href="#">BLOG</a> | <a href="#">CONTACTS</a><br/>
Copyright © Your Company Name.
</p>
</div>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -