Team:USTC-Software/text

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html>
-
<style type="text/css">
+
<html lang="en">
-
<!--
+
    <head>
-
#BODY { background-color:white;
+
<meta charset="UTF-8" />
-
                background-image:none;}
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
#p-logo {height:0px;
+
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
-
overflow:hidden;
+
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:USTC-Software/home-n-css?action=raw&ctype=text/css" />
-
display:none;
+
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-js1?action=raw&ctype=text/javascript
-
}
+
  "></script>
-
+
<link href='http://fonts.googleapis.com/css?family=Economica:700,400italic' rel='stylesheet' type='text/css'>
-
#top-section{height:20px;
+
<style>
-
margin-top: 0;  
+
 
-
              margin-left: auto;  
+
body{
-
              margin-right: auto;  
+
background:url(images/carbon_fibre.png);
-
              margin-bottom: 0!important;
+
}
-
              margin-bottom: 10px;  
+
-
              padding:0;  
+
#white_bar{
-
              border:none;
+
position:relative;
-
              background:#CCCCCC;
+
width:100%;
-
}
+
height:40px;
-
#footer-box { display: none;}
+
background:url('https://static.igem.org/mediawiki/2012/0/03/Photo_zone_line.png') repeat-x;
-
#catlinks { display: none;}
+
-
#search-controls {display: none;}
+
}
-
#siteSub {display:none;}
+
.da-slide h2{/*set the slider font size and font family*/
-
.firstHeading{display: none;}
+
color: #fff;
-
#content {background: #f1f1f1 url(http://luiszuno.com/themes/nova/img/bg/patterns/noise.png);
+
font-size: 46px;
-
width: 100%;
+
width: 40%;
-
border-left: 0px;
+
top: 60px;
-
border-right: 0px;
+
white-space: nowrap;
 +
z-index: 10;
 +
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
 +
font-family: 'Economica', Arial, sans-serif;
 +
font-weight: 200;
 +
text-decoration:none;
 +
}
 +
.da-slide p{/*set the slider font size and font family*/
 +
width: 40%;
 +
top: 155px;
 +
color: #999;
 +
font-size: 21px;
 +
line-height: 26px;
 +
height: 80px;
 +
overflow: hidden;
 +
font-style: italic;
 +
font-family: 'Economica', Arial, sans-serif;
 +
font-weight: 400;
 +
font-style: italic;
 +
}
 +
.da-slide .da-link:hover{
 +
text-decoration:none;
}
}
-
-->
 
-
 
+
</style>
-
#content{width:965px;}
+
             
-
.tab{margin:0px; padding:0px; border-width:0px;}  
+
        <noscript>
-
.firstHeading{display:none;}
+
        <style>
-
 
+
-
 
+
.da-slide{
-
</style>
+
position: relative;
 +
}
 +
.da-slide h2,
 +
.da-slide p,
 +
.da-slide .da-link,
 +
.da-slide .da-img{
 +
position: absolute;
 +
opacity: 1;
 +
left: 10%;
 +
}
 +
.da-slide .da-img{
 +
left: 60%;
 +
}
 +
.da-dots,
 +
.da-arrows{
 +
display: none;
 +
}
 +
  </style>
 +
 +
</noscript>
 +
       
 +
    </head>
 +
    <body>
 +
   
 +
   
 +
          <!---the begin of slider div------>
 +
<div id="white_bar"></div>
 +
 +
<div id="da-slider" class="da-slider">
 +
<div class="da-slide">
 +
<h2>USTC-Software</h2>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 +
<a href="#" class="da-link">Read more</a>
 +
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/1/11/Slider-imag1.png" width="480" height="330" alt="image01" /></div>
 +
</div>
 +
<div class="da-slide">
 +
<h2>Welcome</h2>
 +
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
 +
<a href="#" class="da-link">Read more</a>
 +
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/a/a2/USTC_Software_IF_LOGO_2400-400.png" width="480" height="330" alt="image02" /></div>
 +
</div>
 +
<div class="da-slide">
 +
<h2>Warm welcome</h2>
 +
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
 +
<a href="#" class="da-link">Read more</a>
 +
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png" width="480" height="330" alt="image03" /></div>
 +
</div>
 +
<div class="da-slide">
 +
<h2>2012-ustc</h2>
 +
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
 +
<a href="#" class="da-link">Read more</a>
 +
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/8/8a/Slider3.png" width="" height="" alt="image04" /></div>
 +
</div>
 +
<nav class="da-arrows">
 +
<span class="da-arrows-prev"></span>
 +
<span class="da-arrows-next"></span>
 +
</nav>
 +
</div> 
 +
        <div id="white_bar"></div>  <!---the end of slider div------> 
 +
       
 +
       
 +
       
 +
 
 +
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-jquery-1.7.1.min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-js3?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
 +
$('#da-slider').cslider({
 +
autoplay : true,
 +
bgincrement : 450
 +
});
 +
 +
});
 +
</script>
 +
    </body>
</html>
</html>

Revision as of 03:03, 15 August 2012

<!DOCTYPE html>

USTC-Software

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Read more
image01

Welcome

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Read more
image02

Warm welcome

When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

Read more
image03

2012-ustc

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Read more
image04