html-/index.html at master · specialfuture/html- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!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>
<title>Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--页面容器-->
<div class="main">
  <!--头部区-->
  <div class="header">
    <div class="header_resize">
      <div class="logo"><h1><a href="#">Global Press</a></h1></div>
       <!--导航-->
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Support</a></li>
          <li><a href="#">About Us</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>
      </div>
       <!--导航结束-->
      <div class="clr"></div>
    </div>
  </div>
  <!--头部区结束-->

  <!--主体内容-->
  <div class="content">
    <div class="content_resize">
     <!--左边内容-->
      <div class="mainbar">
       <!--左边第1块内容-->
        <div class="article">
          <!--左边第1块内容标题-->
          <h2><span>Lorem Ipsum</span> Dolor Sit</h2>

          <p>Posted by <a href="#">Owner</a> | Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
          <!--左边第1块内容图片-->
          <img src="images/img1.jpg" width="605" height="146" alt="img" />
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
          <p><a href="#">Read more</a> | March 15, 2015</p>
        </div>
        <!--左边第1块内容结束-->

        <!--左边第2块内容-->
         <div class="article">
          <!--左边第2块内容标题-->
          <h2><span>Template</span> License</h2>
          <p>Posted by <a href="#">Owner</a> | Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
           <!--左边第2块内容正文-->
          <p>This is a free CSS website template by <a href="#" title="cssmoban">cssmoban.com</a>. This
work is distributed under the <a rel="license" href="#">Creative Commons Attribution 3.0 License</a>,
which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to
<a href="#" title="cssmoban">cssmoban.com</a>.</p>
          <p><a href="#">Read more</a> | March 16, 2015</p>
        </div>
         <!--左边第2块内容结束-->
      </div>
      <!--左边内容结束-->

      <!--右边内容-->
      <div class="sidebar">
        <!--右边第1块内容-->
        <div class="gadget">
          <!--右边第1块内容标题-->
          <h2 class="star"><span>Sidebar</span> Menu</h2>
           <!--右边第1块内容列表项-->
          <ul class="sb_menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">TemplateInfo</a></li>
            <li><a href="#">Style Demo</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Archives</a></li>
            <li><a href="#">CSS</a></li>
          </ul>
          <!--右边第1块内容列表项结束-->
        </div>
        <!--右边第2块内容-->
        <div class="gadget">
           <!--右边第2块内容标题-->
          <h2 class="star"><span>Sponsors</span></h2>
           <!--右边第2块内容列表项-->
          <ul class="ex_menu">
            <li><a href="#" title="WordPress Themes">TemplateSOLD</a><br />Over 6,000+ Premium Web Templates</li>
            <li><a href="#" title="WordPress Themes">TemplateSOLD</a><br />Premium WordPress &amp; Joomla Themes</li>
            <li><a href="#" title="Affordable Hosting">ImHosted.com</a><br />Affordable Web Hosting Provider</li>
            <li><a href="#" title="Stock Photos">DreamStock</a><br />Download Amazing Stock Photos</li>
            <li><a href="#" title="Website Builder">Evrsoft</a><br />Website Builder Software &amp; Tools</li>
            <li><a href="#" title="Stock Icons">MyVectorStore</a><br />Royalty Free Stock Icons</li>
          </ul>
          <!--右边第2块内容列结束表项-->
        </div>
        <!--右边第2块内容结束-->
      </div>
      <!--右边内容结束-->
      <div class="clr"></div>
    </div>
  </div>
   <!--主体内容结束-->


   <!--页脚内容-->
  <div class="footer">
    <div class="footer_resize">
     <!--版权内容-->
      <p class="lf">&copy; Copyright WebSite</p>
       <!--页脚导航-->
      <ul class="fmenu">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Support</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contacts</a></li>
      </ul>
       <!--页脚导航结束-->
      <div class="clr"></div>
    </div>
  </div>
   <!--页脚内容结束-->
</div>
 <!--页面容器内容-->
</body>
</html>