Difference between revisions of "Team:Nankai/test2"
| Line 14: | Line 14: | ||
<link href='http://fonts.useso.com/css?family=Open+Sans:400,700' rel='stylesheet' > | <link href='http://fonts.useso.com/css?family=Open+Sans:400,700' rel='stylesheet' > | ||
<link href="https://2015.igem.org/Team:Nankai/Practices/responsive.bootstrap.css?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2015.igem.org/Team:Nankai/Practices/responsive.bootstrap.css?action=raw&ctype=text/css" rel="stylesheet"> | ||
| − | + | <link href="https://2015.igem.org/Team:Nankai/Practices/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet"> | |
| − | + | <link href="https://2015.igem.org/Team:Nankai/Practices/screen.css?action=raw&ctype=text/css" rel="stylesheet"> | |
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
| Line 27: | Line 27: | ||
<link rel="apple-touch-icon-precomposed" href="#"> | <link rel="apple-touch-icon-precomposed" href="#"> | ||
<link rel="shortcut icon" href="img/favicon/favicon.ico"> | <link rel="shortcut icon" href="img/favicon/favicon.ico"> | ||
| − | <style | + | <style> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/*Clear existing style*/ | /*Clear existing style*/ | ||
| Line 79: | Line 43: | ||
} | } | ||
/*End claer*/ | /*End claer*/ | ||
| − | . | + | .bigSlider { |
| − | + | padding: 0; | |
| + | margin-bottom: 9px; | ||
| + | margin-top: 100px | ||
} | } | ||
| − | . | + | .farbtastic { |
| − | + | position: relative; | |
| − | + | ||
} | } | ||
| − | . | + | .farbtastic * { |
| − | + | position: absolute; | |
| − | + | cursor: crosshair; | |
} | } | ||
| − | + | .farbtastic, | |
| + | .farbtastic .wheel { | ||
| + | width: 195px; | ||
| + | height: 195px; | ||
| + | } | ||
| + | .farbtastic .color, | ||
| + | .farbtastic .overlay { | ||
| + | top: 47px; | ||
| + | left: 47px; | ||
| + | width: 101px; | ||
| + | height: 101px; | ||
| + | } | ||
| + | .farbtastic .wheel { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/8/8c/Nankai_HP_Wheel.png) no-repeat; | ||
| + | width: 195px; | ||
| + | height: 195px; | ||
| + | } | ||
| + | .farbtastic .overlay { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/6/67/Nankai_HP_Mask.png) no-repeat; | ||
| + | } | ||
| + | .farbtastic .marker { | ||
| + | width: 17px; | ||
| + | height: 17px; | ||
| + | margin: -8px 0 0 -8px; | ||
| + | overflow: hidden; | ||
| + | background: url(https://static.igem.org/mediawiki/2015/c/c5/Nankai_HP_Marker.png) no-repeat; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| − | |||
| − | |||
| + | </head> | ||
| + | |||
<body> | <body> | ||
| Line 113: | Line 105: | ||
| − | + | <header> | |
| + | |||
| + | |||
| + | |||
| + | </header><!-- /header --> | ||
<!-- Fix html5 sematic on silder | <!-- Fix html5 sematic on silder | ||
| Line 158: | Line 154: | ||
</div><!-- /.container-fluid [bigSlider] --> | </div><!-- /.container-fluid [bigSlider] --> | ||
<div class="container"> | <div class="container"> | ||
| − | <div class=" | + | <div class="row1"> |
<div class="span12 welcomeMessage"> | <div class="span12 welcomeMessage"> | ||
<h1>welcome to our website</h1> | <h1>welcome to our website</h1> | ||
| Line 170: | Line 166: | ||
<div class="coloredSection featureSite"> | <div class="coloredSection featureSite"> | ||
<div class="container"> | <div class="container"> | ||
| − | <ul class=" | + | <ul class="row1"> |
<li class="span4"> | <li class="span4"> | ||
<h3>OUR PORTFOLIO</h3> | <h3>OUR PORTFOLIO</h3> | ||
| Line 215: | Line 211: | ||
<div class="container"> | <div class="container"> | ||
| − | <div class=" | + | <div class="row1"> |
<div class="span12 viewProjects"> | <div class="span12 viewProjects"> | ||
<a href="#">VIEW ALL PROJECT →</a> | <a href="#">VIEW ALL PROJECT →</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <ul class=" | + | <ul class="row1 portfolioItems"> |
<li class="span3"> | <li class="span3"> | ||
<figure> | <figure> | ||
| Line 332: | Line 328: | ||
<div class="footerWidgets"> | <div class="footerWidgets"> | ||
<div class="container"> | <div class="container"> | ||
| − | <div class=" | + | <div class="row1"> |
<div class="span4"> | <div class="span4"> | ||
<a href="#" class="brand">DesignPortfolio</a> | <a href="#" class="brand">DesignPortfolio</a> | ||
| Line 377: | Line 373: | ||
<div class="copyRight"> | <div class="copyRight"> | ||
<div class="container"> | <div class="container"> | ||
| − | <div class=" | + | <div class="row1"> |
<div class="span7"> | <div class="span7"> | ||
<p> | <p> | ||
Revision as of 08:40, 7 September 2015
welcome to our website
Nunc luctus pretium neque ac faucibus. Sed odio purus, dignissim eu posuere at, luctus in metus. Morbi vulputate molestie consectetur. Mauris urna neque, blandit at ultrices at, accumsan in magna. Maecenas volutpat justo sed nisi varius in ullamcorper nunc sodales.
-
OUR PORTFOLIO
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
-
OUR PORTFOLIO
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
-
OUR PORTFOLIO
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
-
Photo of morning grass
Class aptent taciti sociosqu ad litora torque
-
Stylish coffee cup
Class aptent taciti sociosqu ad litora torque
-
Burlesque
Class aptent taciti sociosqu ad litora torque
-
Daredevil
Class aptent taciti sociosqu ad litora torque
-
Illuminary creatives
Class aptent taciti sociosqu ad litora torque
-
Haselbled
Class aptent taciti sociosqu ad litora torque
-
Sandwich
Class aptent taciti sociosqu ad litora torque
-
London office
Class aptent taciti sociosqu ad litora torque