Team:LZU-China/tempfortest

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<!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">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
<meta http-equiv="Content-Type" content="text/html;  
 +
 
 +
charset=gb2312" />
<title>无标题文档</title>
<title>无标题文档</title>
<style type="text/css">
<style type="text/css">
Line 9: Line 13:
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,  
 +
 
 +
.printfooter, .visualClear {display: none;} /*-- hides default wiki settings  
 +
 
 +
--*/
.firstHeading {
.firstHeading {
Line 19: Line 27:
}
}
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman",  
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
serif;}
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.)  
 +
 
 +
--*/
background-color: #383838;
background-color: #383838;
border: 0 none;
border: 0 none;
Line 33: Line 45:
}
}
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
#top-section-bar { /*-- styling full width bar which hides behind default  
 +
 
 +
menu bar (edit, page, history, etc.) --*/
background-color: #383838;
background-color: #383838;
height: 14px;
height: 14px;
Line 43: Line 57:
}
}
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar  
 +
 
 +
a:hover, #menubar:hover { /*-- styling for default menu bar links (edit,  
 +
 
 +
page, history, etc.) --*/
color: #727272;  
color: #727272;  
text-decoration: none;  
text-decoration: none;  
Line 110: Line 128:
}
}
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666;  
 +
 
 +
display: none;}
.sub-sidemenu a {color: #666;}
.sub-sidemenu a {color: #666;}
Line 132: Line 152:
.highlightme {background-color: #FFFF00;}
.highlightme {background-color: #FFFF00;}
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
+
#alertContainer {border: 2px solid red; margin-bottom: 10px; width:  
 +
 
 +
936px;}
#annContainer {margin-left: 8px;}
#annContainer {margin-left: 8px;}
#newsContainer {border: 1px solid #ccc;}
#newsContainer {border: 1px solid #ccc;}
Line 215: Line 237:
.annItem li {list-style: none; margin: 5px}
.annItem li {list-style: none; margin: 5px}
 +
@charset "utf-8";
 +
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,field
-
html, body, div, span, applet, object, iframe,
+
set,legend,button,input,textarea,th,td,figure{margin:0;padding:0}
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
html{background-color:#e9ecec}
-
a, abbr, acronym, address, big, cite, code,
+
table{table-layout:fixed;border-collapse:collapse}
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
section,article,aside,header,footer,nav,dialog,figure{display:block}
-
small, strike, strong, sub, sup, tt, var,
+
.clearfix:after{content:"\20";display:block;height:0;line-height:0;font-
-
b, u, i, center,
+
 
-
dl, dt, dd, ol, ul, li,
+
size:0;clear:both}
-
fieldset, form, label, legend,
+
body,button,input,select,textarea,td,th{color:#333;font:12px/1.5
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
 
-
article, aside, canvas, details, embed,
+
tahoma,arial,\5b8b\4f53}
-
figure, figcaption, footer, header, hgroup,  
+
h1,h2,h3,h4,h5,h6{font-size:100%}
-
menu, nav, output, ruby, section, summary,
+
address,cite,dfn,em,var{font-style:normal}
-
time, mark, audio, video {
+
code,kbd,pre,samp{font-family:courier new,courier,monospace}
-
margin: 0;
+
small{font-size:12px}ul,ol{list-style:none}a{text-
-
padding: 0;
+
 
-
border: 0;
+
decoration:none;color:#06C}
-
font-size: 100%;
+
a:hover{text-decoration:underline;color:#06C}
-
font: inherit;
+
sup{vertical-align:text-top}
-
vertical-align: baseline;
+
sub{vertical-align:text-bottom}
-
}
+
legend{color:#000}
-
article, aside, details, figcaption, figure,  
+
fieldset,img{border:0 none}
-
footer, header, hgroup, menu, nav, section {
+
button,input,select,textarea{font-size:100%}
-
display: block;
+
table{border-collapse:collapse;border-spacing:0}
-
}
+
input:focus{outline:none}
-
body {
+
.hd-main{height:60px;background:#fff;z-index:15;border-
-
line-height: 1;
+
 
-
}
+
bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333}
-
ol, ul {
+
.f-icon{background-image:url('/jscss/demoimg/201403//frame-
-
list-style: none;
+
 
-
}
+
icon.png');background-repeat:no-repeat}
-
blockquote, q {
+
.hd-main{padding:0 5px;height:49px;min-
-
quotes: none;
+
 
-
}
+
width:800px;background:#252525;border-bottom:0}
-
blockquote:before, blockquote:after,
+
.hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
-
q:before, q:after {
+
.hd-main .pulldown
-
content: '';
+
 
-
content: none;
+
{position:absolute;cursor:default;display:none;top:30px;left:0}
-
}
+
.hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-
-
table {
+
 
-
border-collapse: collapse;
+
bottom:0;height:0;width:0;font-size:0;line-height:0;border-
-
border-spacing: 0;
+
 
-
}
+
width:7px;border-style:solid;border-color:transparent transparent
-
body {
+
 
-
background: url('/jscss/demoimg/201402/denim.png');
+
#F6F6F9 transparent;_filter:chroma(color=tomato);_border-
-
font-family: 'Droid Sans', sans-serif;;
+
 
-
}
+
color:tomato tomato #F6F6F9
-
.clearfix {
+
 
-
clear: both;
+
tomato;position:relative;display:block;left:20px;z-index:2}
-
}
+
.hd-main .pulldown .content{background:#F6F6F9;color:#333;text-
-
.wrap {
+
 
-
width: 940px;
+
align:left;border-radius:3px;border:rgb(175,175,175) 1px solid;border-
-
margin: 4em auto;
+
 
-
}
+
width:0 1px 1px 1px;box-shadow:0 2px 4px rgba
-
nav {
+
 
-
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
+
(0,0,0,.2);position:relative;z-index:1}
-
background-image: linear-gradient(#fff, #ccc);
+
.hd-main .pulldown-canvas
-
border-radius: 6px;
+
 
-
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
+
{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter
-
padding: 0 10px;
+
 
-
position: relative;
+
:alpha(opacity=0)}
-
}
+
.hd-main .logo{background-image:url
-
.menu li {
+
 
-
float: left;
+
('/jscss/demoimg/201403//logo.png');background-repeat:no-
-
position: relative;
+
 
-
}
+
repeat;display:block;height:36px;width:175px;float:left;margin-
-
.menu li a {
+
 
-
color: #444;
+
left:10px;background-position:0 0;margin-top:5px;display:inline}
-
display: block;
+
.hd-main .navs{padding:0 0 3px 25px;height:45px;float:left}
-
font-size: 14px;
+
.hd-main .navs a,.hd-main .info a,.hd-main .navs a:visited,.hd-main .info
-
line-height: 20px;
+
 
-
padding: 6px 12px;
+
a:visited,.hd-main .navs a:active,.hd-main .info a:active{color:#d8d8d8}
-
margin: 8px 8px;
+
.hd-main .navs a:hover,.hd-main .navs a:active{text-
-
vertical-align: middle;
+
 
-
text-decoration: none;
+
decoration:none;background-color:#0f0f0f}
-
}
+
.hd-main .navs .def-nav,.hd-main .navs .pulldown-nav,.hd-main .navs
-
.menu li a:hover {
+
 
-
background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
+
.separate{display:block;float:left;height:48px;font:18px/30px "Microsoft
-
background-image: linear-gradient(#ededed, #fff);
+
 
-
border-radius: 12px;
+
YaHei","Microsoft JhengHei";color:#d8d8d8;text-
-
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
+
 
-
color: #222;
+
align:center;width:90px;line-height:48px}
-
}
+
.hd-main .navs .def-nav .app-url{left:185px;width:641px;top:48px}
-
/* Dropdown styles */
+
.hd-main .navs .def-nav .pulldown-canvas-url
-
.menu ul {
+
 
-
position: absolute;
+
{width:575px;height:109px}
-
left: -9999px;
+
.hd-main .navs .def-nav .app-url .arrow{left:140px}
-
list-style: none;
+
.hd-main .navs .app-url .content{padding:17px 0 0 22px;height:91px}
-
opacity: 0;
+
.hd-main .navs .app-url .content a,.hd-main .navs .app-url .content
-
transition: opacity 1s ease;
+
 
-
}
+
a:hover{color:#333}
-
.menu ul li {
+
.hd-main .navs .app-url .li{cursor:pointer;padding-
-
float: none;
+
 
-
}
+
top:8px;width:66px;height:66px;border-
-
.menu ul a {
+
 
-
white-space: nowrap;
+
radius:3px;display:block;float:left;text-align:center}
-
}
+
.hd-main .navs .app-url .li:hover{background-color:#e0e1e5}
-
.menu li:hover ul {
+
.hd-main .navs .app-url .li .icon{margin:0
-
background: rgba(255,255,255,0.7);
+
 
-
border-radius: 0 0 6px 6px;
+
auto;width:35px;height:38px;display:block;background:url
-
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
+
 
-
left: 5px;
+
('/jscss/demoimg/201403//dropdown_menu.png') no-repeat}
-
opacity: 1;
+
.hd-main .navs .app-url .li:hover .icon{background-image:url
-
}
+
 
-
.menu li:hover a {
+
('/jscss/demoimg/201403//dropdown_menu_hover.png')}
-
background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
+
.hd-main .navs .app-url .tongxunlu .icon{background-position:-35px 0}
-
background-image: linear-gradient(#ccc, #ededed);
+
.hd-main .navs .app-url .xiangce .icon{background-position:-70px 0}
-
border-radius: 12px;
+
.hd-main .navs .app-url .note .icon{background-position:-105px 0}
-
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
+
.hd-main .navs .app-url .duanxin .icon{background-position:-140px 0}
-
color: #222;
+
.hd-main .navs .app-url .zhaohui .icon{background-position:-175px 0}
-
}
+
.hd-main .navs .app-url .youxi .icon{background-position:-210px 0}
-
.menu li:hover ul a {
+
.hd-main .navs .app-url .jiankang .icon{background-position:-245px 0}
-
background: none;
+
.hd-main .navs .app-url .wenzhang .icon{background-position:-280px 0}
-
border-radius: 0;
+
.hd-main .navs .app-url .li .text
-
box-shadow: none;
+
 
-
}
+
{height:30px;display:block;font:14px/30px "Microsoft
-
.menu li:hover ul li a:hover {
+
 
-
background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
+
YaHei","Microsoft JhengHei"}
-
background-image: linear-gradient(#ededed, #fff);
+
.hd-main .navs .separate
-
border-radius: 12px;
+
 
-
box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
+
{margin:0;height:48px;width:2px;background:#2A2B2D}
 +
.hd-main .navs .pulldown-nav{position:relative}
 +
.hd-main .navs .pulldown-nav em
 +
 
 +
{position:absolute;display:block;left:69px;top:18px;height:12px;width:1
 +
 
 +
2px;font-size:0;background-position:-89px -45px}
 +
.hd-main .navs .pulldown-nav:hover .f-icon,.hd-main .navs .pulldown-
 +
 
 +
nav:active .f-icon
 +
 
 +
{position:absolute;display:block;right:11px;top:18px;height:12px;width:1
 +
 
 +
2px;font-size:0;background-position:-89px -55px}
 +
.hd-main .navs .current,.hd-main .navs .current .pulldown-nav{font-
 +
 
 +
weight:bold;color:#FFF;display:inline-
 +
 
 +
block;width:90px;height:49px;background-color:#0f0f0f;text-
 +
 
 +
align:center;line-height:48px}
 +
.hd-main .navs .current:hover{color:#ECECEC}
 +
.hd-main .navs .current .hover{background-color:#f6f6f6;color:#333;}
 +
.hd-main .info,.hd-main .info ul{height:36px;float:right;text-
 +
 
 +
align:right;margin-top:3px;white-space:nowrap}
 +
.hd-main .info a{color:#d8d8d8}
 +
.hd-main .info a:hover{color:#FFF;text-decoration:underline}
 +
.hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-
 +
 
 +
block;*display:inline;*zoom:1;height:16px;border-right:#393939 1px
 +
 
 +
solid;color:#d8d8d8;font:12px/16px "SimSun"}
 +
.hd-main{padding:0 5px;height:49px;min-
 +
 
 +
width:800px;background:#252525;border-bottom:0}
 +
.hd-main .info .has-pulldown{padding-right:28px}
 +
.hd-main .info .has-pulldown .pull-arrow
 +
 
 +
{position:absolute;display:block;right:10px;top:1px;height:12px;width:1
 +
 
 +
2px;font-size:0;background-position:-89px -45px}
 +
.hd-main .info .no-separate{border:none}
 +
.hd-main .info .user-name{position:relative;padding-left:24px}
 +
.hd-main .info .user-name .name{display:inline-block;display:inline
 +
 
 +
\0;white-space:nowrap;max-width:75px;overflow:hidden;text-
 +
 
 +
overflow:ellipsis;vertical-align:bottom}
 +
.hd-main .info .user-name .identity
 +
 
 +
{position:absolute;top:0;left:0;height:16px;width:16px;background-
 +
 
 +
position:-89px -88px}
 +
.hd-main .info .user-name .is-vip{background-position:-89px -68px}
 +
.hd-main .info .user-info,.hd-main .info .more-info
 +
 
 +
{top:9px;left:auto;right:-24px;width:116px}
 +
.hd-main .info .notice-nu{display:inline-block;padding-
 +
 
 +
left:4px;background-position:-86px -109px;height:14px;-webkit-text-
 +
 
 +
size-adjust:none;font-size:10px;font-style:normal}
 +
.hd-main .info .notice-nu .f-icon{display:inline-block;padding-
 +
 
 +
right:4px;background-position:right -109px;color:#FFF}
 +
.hd-main .info .user-info .arrow{left:70px;*left:-32px}
 +
.hd-main .info .user-info .content,.hd-main .info .more-info .content
 +
 
 +
{padding:10px 0;height:180px}
 +
.hd-main .info .more{padding:0;display:inline;line-
 +
 
 +
height:inherit;background:none}
 +
.hd-main .info .more-info .content{height:280px}
 +
.hd-main .info .user-info .content a,.hd-main .info .more-info .content
 +
 
 +
a{display:block;padding-left:33px;height:30px;line-
 +
 
 +
height:30px;color:#888}
 +
.hd-main .info .user-info .content a:hover,.hd-main .info .more-info
 +
 
 +
.content a:hover{color:#333;text-
 +
 
 +
decoration:none;background:#e0e1e5}
 +
.hd-main .info .user-info .li,.hd-main .info .more-info .li
 +
 
 +
{display:block;padding:2px 0;height:30px}
 +
.hd-main .info .user-info .separate-li,.hd-main .info .more-info .separate-
 +
 
 +
li{display:block;margin:3px 11px;border-top:#EBEBEC 1px
 +
 
 +
solid;border-bottom:#FFF 1px solid}
 +
.hd-main .info .more-info{right:0}
 +
.hd-main .info .more-info .arrow{left:94px;*left:-8px}
 +
#apDiv1 {
 +
position:absolute;
 +
left:3px;
 +
top:4px;
 +
width:1366px;
 +
height:768px;
 +
z-index:1;
 +
background-color: #66CCFF;
}
}
</style>
</style>
 +
</head>
 +
<div id="apDiv1">
 +
<script type="text/javascript" src="/ajaxjs/jquery-
 +
 +
1.6.2.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".def-nav,.info-i").hover(function(){
 +
$(this).find(".pulldown-nav").addClass("hover");
 +
$(this).find(".pulldown").show();
 +
},function(){
 +
$(this).find(".pulldown").hide();
 +
$(this).find(".pulldown-nav").removeClass
 +
 +
("hover");
 +
});
 +
});
 +
</script>
 +
<div class="hd-main clearfix" id="header">
 +
<a class="logo" href=""></a>
 +
<div class="navs">
 +
<a class="def-nav" href="">主页</a>
 +
<span class="separate"></span>
 +
<div class="def-nav current has-pulldown-
 +
 +
special">
 +
<a class="pulldown-nav" href=""><em
 +
 +
class="f-icon"></em>办公</a>
 +
<div class="pulldown app-url">
 +
<div class="content">
 +
<a class="li disk"
 +
 +
href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">网盘</span>
 +
</a>
 +
<a class="li
 +
 +
tongxunlu" href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">通讯录</span>
 +
</a>
 +
<a class="li
 +
 +
xiangce" href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">相册</span>
 +
</a>
 +
<a class="li
 +
 +
wenzhang" href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">文章</span>
 +
</a>
 +
<a class="li note"
 +
 +
href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">记事本</span>
 +
</a>
 +
<a class="li
 +
 +
duanxin" href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">短信</span>
 +
</a>
 +
<a class="li
 +
 +
zhaohui" href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">手机找回</span>
 +
</a>
 +
<a class="li youxi"
 +
 +
href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">游戏</span>
 +
</a>
 +
<a class="li
 +
 +
jiankang" href="">
 +
<span
 +
 +
class="icon"></span>
 +
<span
 +
 +
class="text">健康</span>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
<span class="separate"></span>
 +
<a class="def-nav" href="">应用</a>
 +
</div>
 +
<div class="info">
 +
<ul>
 +
<li class="info-i user-name has-
 +
 +
pulldown">
 +
<em class="f-icon pull-
 +
 +
arrow"></em>
 +
<a class="f-icon identity"
 +
 +
href="" title="未开通VIP"></a>
 +
<span class="name top-
 +
 +
username">李四</span>
 +
<div class="pulldown user-
 +
 +
info">
 +
<em
 +
 +
class="arrow"></em>
 +
<div
 +
 +
class="content">
 +
<span
 +
 +
class="li"><a href="">个人资料</a></span>
 +
<span
 +
 +
class="li"><a href="">购买容量</a></span>
 +
<span
 +
 +
class="li"><a href="">免费扩容</a></span>
 +
<span
 +
 +
class="li"><a href="">会员中心</a></span>
 +
<span
 +
 +
class="separate-li no-height"></span>
 +
<span
 +
 +
class="li"><a href="javascript:;" id="signout">退出</a></span>
 +
</div>
 +
</div>
 +
</li>
 +
<li class="info-i default-text">
 +
<a class="notice" href=""
 +
 +
id="notificationTrigger">通知</a>
 +
<em class="f-icon notice-nu"
 +
 +
id="noticeNoParent">
 +
<b class="f-icon"
 +
 +
id="noticeNo">0</b>
 +
</em>
 +
</li>
 +
<li class="info-i no-separate default-text
 +
 +
has-pulldown">
 +
<em class="f-icon pull-
 +
 +
arrow"></em>
 +
<span class="more"
 +
 +
hideFocus="hideFocus">更多</span>
 +
<div class="pulldown more-
 +
 +
info">
 +
<em
 +
 +
class="arrow"></em>
 +
<div
 +
 +
class="content">
 +
<span
 +
 +
class="separate-li no-height"></span>
 +
<span
 +
 +
class="li"><a href="">收藏工具</a></span>
 +
<span
 +
 +
class="li"><a href="">历史记录</a></span>
 +
<span
 +
 +
class="li"><a href="">版本更新</a></span>
 +
<span
 +
 +
class="li"><a href="">帮助中心</a></span>
 +
<span
 +
 +
class="li"><a href="">问题反馈</a></span>
 +
<span
 +
 +
class="li"><a href="">服务协议</a></span>
 +
<span
 +
 +
class="li"><a href="">权利声明</a></span>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div style="text-align:center;margin:50px 0; font:normal 14px/24px
 +
 +
'MicroSoft YaHei';">
 +
</div>
 +
 +
</div>
 +
 +
 +
Line 345: Line 710:
   var i,p,v,obj,args=MM_showHideLayers.arguments;
   var i,p,v,obj,args=MM_showHideLayers.arguments;
   for (i=0; i<(args.length-2); i+=3)  
   for (i=0; i<(args.length-2); i+=3)  
-
   with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
+
   with (document) if (getElementById && ((obj=getElementById(args
-
     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
+
 
 +
[i]))!=null)) { v=args[i+2];
 +
     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':
 +
 
 +
(v=='hide')?'hidden':v; }
     obj.visibility=v; }
     obj.visibility=v; }
}
}
</script>
</script>
-
</head>
 
-
<body>
 
-
<div class="wrap">
 
-
<nav>
 
-
<ul class="menu">
 
-
<li><a href="#"><span class="iconic home"></span> Home</a></li>
 
-
<li><a href="#"><span class="iconic plus-alt"></span> About</a>
 
-
<ul>
 
-
<li><a href="#">Company History</a></li>
 
-
<li><a href="#">Meet the team</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#"><span class="iconic magnifying-glass"></span> Services</a>
 
-
<ul>
 
-
<li><a href="#">Web Design</a></li>
 
-
<li><a href="#">App Development</a></li>
 
-
<li><a href="#">Email Campaigns</a></li>
 
-
<li><a href="#">Copyrighting</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#"><span class="iconic map-pin"></span> Products</a>
 
-
<ul>
 
-
<li><a href="#">Widget One</a></li>
 
-
<li><a href="#">Widget Two</a></li>
 
-
<li><a href="#">Web App Three</a></li>
 
-
<li><a href="#">Web App Four</a></li>
 
-
<li><a href="#">Crazy Products</a></li>
 
-
<li><a href="#">iPhone Apps</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#"><span class="iconic mail"></span> Contact</a>
 
-
<ul>
 
-
<li><a href="#">Contact Us</a></li>
 
-
<li><a href="#">Directions</a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
<div class="clearfix"></div>
 
-
</nav>
 
-
</div>
 
-
<div style="text-align:center;clear:both">
 
-
</div>
 
-
</body>
 
-
</html>
 

Revision as of 09:10, 8 September 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档