Line 16: | Line 16: | ||
ul.dropdown-menu{background-color:rgb(255,205,196);} | ul.dropdown-menu{background-color:rgb(255,205,196);} | ||
.btn {font-size: 20px;} | .btn {font-size: 20px;} | ||
− | .btn-primary {background-image: linear-gradient(to | + | .btn-primary {background-image: linear-gradient(to right,#11374a,#1a4cb1);} |
+ | |||
.navbar-default { | .navbar-default { | ||
background:rgba(0,0,0,0); | background:rgba(0,0,0,0); | ||
} | } | ||
+ | h3{} | ||
span {font-size:25px;color:black} | span {font-size:25px;color:black} | ||
body {background-image: url(https://static.igem.org/mediawiki/2017/1/18/T--SUSTech_Shenzhen--Design-Background.jpeg);} | body {background-image: url(https://static.igem.org/mediawiki/2017/1/18/T--SUSTech_Shenzhen--Design-Background.jpeg);} | ||
Line 34: | Line 36: | ||
<div class="span10"> | <div class="span10"> | ||
<ul class="thumbnails"> | <ul class="thumbnails"> | ||
− | <li class=" | + | <li class="span4"> |
<div class="thumbnail"> | <div class="thumbnail"> | ||
<img alt="300x200" src="img/people.jpg" /> | <img alt="300x200" src="img/people.jpg" /> | ||
Line 50: | Line 52: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li class=" | + | <li class="span4"> |
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="img/city.jpg" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | 哈佛结构 | ||
+ | </h3> | ||
+ | <p> | ||
+ | 哈佛结构是一种将程序指令存储和数据存储分开的存储器结构,它的主要特点是将程序和数据存储在不同的存储空间中,进行独立编址。 | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="span4"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
<img alt="300x200" src="img/city.jpg" /> | <img alt="300x200" src="img/city.jpg" /> | ||
Line 67: | Line 85: | ||
</li> | </li> | ||
<li class="span3"> | <li class="span3"> | ||
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="img/sports.jpg" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | 改进型哈佛结构 | ||
+ | </h3> | ||
+ | <p> | ||
+ | 改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线,两条总线由程序存储器和数据存储器分时复用,使结构更紧凑。 | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="span1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row-fluid"> | ||
+ | <div class="span12"> | ||
+ | <div class="row-fluid"> | ||
+ | <div class="span1"> | ||
+ | </div> | ||
+ | <div class="span10"> | ||
+ | <ul class="thumbnails"> | ||
+ | <li class="span4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="img/people.jpg" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | Moleculor Group | ||
+ | </h3> | ||
+ | <p> | ||
+ | Description | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">Download the whole PDF</a> <a class="btn" href="#">分享</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="span4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="img/city.jpg" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | 哈佛结构 | ||
+ | </h3> | ||
+ | <p> | ||
+ | 哈佛结构是一种将程序指令存储和数据存储分开的存储器结构,它的主要特点是将程序和数据存储在不同的存储空间中,进行独立编址。 | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="span4"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
<img alt="300x200" src="img/city.jpg" /> | <img alt="300x200" src="img/city.jpg" /> |
Revision as of 03:56, 21 October 2017
Notebook
Projrct