Difference between revisions of "Team:BCU"

Line 476: Line 476:
 
<body>
 
<body>
 
<!--header-->
 
<!--header-->
 +
<style type="text/css">
 +
<!--
 +
body {
 +
margin-left: 0px;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 0px;
 +
}
 +
.title {
 +
height: 220px;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
border-top-width: 8px;
 +
border-top-color: #1C2C77;
 +
border-top-style: solid;
 +
border-right-style: none;
 +
border-bottom-style: none;
 +
border-left-style: none;
 +
}
 +
.nav {
 +
float: right;
 +
height: 40px;
 +
width: 600px;
 +
margin-top: 150px;
 +
font-size: 24px;
 +
color: #1C2C77;
 +
}
 +
.logo {
 +
float: left;
 +
height: 200px;
 +
width: 300px;
 +
background-image: url(igem/9c7b1cc5f972597e704ba1c6dfd247e9_mp19679869_1434929665461_2.jpeg);
 +
background-repeat: no-repeat;
 +
}
 +
-->
 +
</style></head>
 +
 +
<body>
 +
<div class="title">
 +
  <div class="logo"></div>
 +
  <div class="nav">Home  Project Safety</div>
 +
</div>
 
<section class="container">
 
<section class="container">
    <div class="shortcut fix">
+
 
        <div class="fl">
+
     <div class="logo auto mb20"><a href="#"><img src="https://static.igem.org/mediawiki/2018/8/88/T--BCU--bculogo.png" /></a></div>
            <a href="#" class="mr15">
+
                <img src="images/icon_1.png" class="vm" />
+
                <img src="images/icon_1h.png" class="vm dn" />
+
                门店查询
+
            </a>
+
            <a href="#" class="mr15">
+
                <img src="images/icon_2.png" class="vm" />
+
                <img src="images/icon_2h.png" class="vm dn" />
+
                联系我们
+
            </a>
+
        </div>
+
        <div class="fr">
+
            <a href="#" class="ml15">
+
                <img src="images/icon_3.png" class="vm" />
+
                <img src="images/icon_3h.png" class="vm dn" />
+
                品牌加盟
+
            </a>
+
            <a href="#" class="ml15">
+
                <img src="images/icon_4.png" class="vm" />
+
                <img src="images/icon_4h.png" class="vm dn" />
+
                售后服务
+
            </a>
+
            <a href="#" class="ml15">
+
                <img src="images/icon_5.png" class="vm" />
+
                <img src="images/icon_5h.png" class="vm dn" />
+
                搜索
+
            </a>
+
        </div>
+
    </div>
+
     <div class="logo auto mb20"><a href="#"><img src="https://static.igem.org/mediawiki/2018/8/88/T--BCU--navpic.jpg" /></a></div>
+
 
     <nav class="tc mb15">
 
     <nav class="tc mb15">
 
         <a href="#" class="on">首页<sub>1</sub></a>
 
         <a href="#" class="on">首页<sub>1</sub></a>
Line 520: Line 533:
 
</section>
 
</section>
 
<!--header end-->
 
<!--header end-->
<div class="container mod-01">
 
<p>类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别</p>
 
<img align="center" src="https://static.igem.org/mediawiki/2018/c/c5/T--BCU--descrbe3-1.png">
 
<p>类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别</p>
 
<img align="center" src="https://static.igem.org/mediawiki/2018/c/c5/T--BCU--descrbe3-1.png">
 
  
<p>类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别</p>
 
<img align="center" src="https://static.igem.org/mediawiki/2018/c/c5/T--BCU--descrbe3-1.png">
 
 
<p>类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别类别</p>
 
<img align="center" src="https://static.igem.org/mediawiki/2018/c/c5/T--BCU--descrbe3-1.png">
 
 
</div>
 
<ul id="MenuBar1" class="MenuBarHorizontal">
 
      <li><a class="MenuBarItemSubmenu" href="#">项目 1</a>
 
        <ul>
 
          <li><a href="#">项目 1.1</a></li>
 
          <li><a href="#">项目 1.2</a></li>
 
          <li><a href="#">项目 1.3</a></li>
 
        </ul>
 
      </li>
 
      <li><a href="#">项目 2</a></li>
 
      <li><a class="MenuBarItemSubmenu" href="#">项目 3</a>
 
        <ul>
 
          <li><a class="MenuBarItemSubmenu" href="#">项目 3.1</a>
 
            <ul>
 
              <li><a href="#">项目 3.1.1</a></li>
 
              <li><a href="#">项目 3.1.2</a></li>
 
            </ul>
 
          </li>
 
          <li><a href="#">项目 3.2</a></li>
 
          <li><a href="#">项目 3.3</a></li>
 
        </ul>
 
      </li>
 
      <li><a href="#">项目 4</a></li>
 
  </ul>
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
 
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

Revision as of 01:33, 27 July 2018