index.html

来自「Game 8 puzzle Game 8 puzzle Game 8 puzzl」· HTML 代码 · 共 142 行

HTML

142 行

<!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 &nbsp; </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 &copy; Your Company Name.
</p>
</div>

</div>
</body>
</html>

index.html - 源码说明

本页面展示了「Game 8 puzzle Game 8 puzzle Game 8 puzzle Game 8 puzzle Game 8 puzzle」中的 index.html 源码文件，采用 HTML 编程语言编写，共 142 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与puzzle相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?