Difference between revisions of "Team:Nankai/Practices"

Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
<script>
 
−
        document.styleSheets[0].disabled = true
 
−
        </script>
 
−
 
 
    <meta charset="utf-8">
 
    <meta charset="utf-8">
 
    <title>DesignPortfolio</title>
 
    <title>DesignPortfolio</title>
Line 16: Line 13:
 
    <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/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">
 
    <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 28: Line 24:
 
                    <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>
 
−
 
−
  /*Clear existing style*/
 
−
 
−
 
−
  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 
−
    display:none;
 
−
  }
 
−
 
−
  html, body {
 
−
    width: auto !important;
 
−
    /*overflow-x: hidden !important;*/
 
−
    height: 100% !important;
 
−
 
−
  }
 
−
  /*End claer*/
 
−
</style>
 
 
</head>
 
</head>
 
<body>
 
<body>
Line 62: Line 41:
  
  
 +
<header>
 +
 +
 +
<div class="mainNav">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span4">
 +
<a href="index-2.html" class="brand">Design Portfolio</a>
 +
</div>
 +
<nav class="span8 clearfix navbar-inner">
 +
<a class="btn btn-color menuMobile" data-toggle="collapse" data-target=".nav-collapse">menu</a>
 +
    <div class="nav-collapse collapse">
 +
<ul class="nav inline pull-right menu">
 +
<li class="active">
 +
<a href="#">Home</a>
 +
<ul class="unstyled">
 +
<li><a href="index-2.html">Home default</a></li>
 +
<li><a href="home_1.html">Home var1</a></li>
 +
<li><a href="home_2.html">Home var2</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Pages</a>
 +
<ul class="unstyled">
 +
<li><a href="about_us.html">About us</a></li>
 +
<li><a href="service.html">Services</a></li>
 +
<li><a href="faq.html">Faq</a></li>
 +
<li><a href="features.html">Features</a></li>
 +
<li><a href="error_404.html">error 404</a></li>
 +
<li><a href="full_width.html">Full width</a></li>
 +
<li><a href="right_sidebar.html">Right sidebar</a></li>
 +
<li><a href="left_sidebar.html">Left sidebar</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">GALLERY</a>
 +
<ul class="unstyled">
 +
<li><a href="gallery_2.html">Gallery 2 columns</a></li>
 +
<li><a href="gallery_3.html">Gallery 3 columns</a></li>
 +
<li><a href="gallery_4.html">Gallery 4 columns</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">PORTFOLIO</a>
 +
<ul class="unstyled">
 +
<li><a href="portfolio_2.html">Portfolio 2 columns</a></li>
 +
<li><a href="portfolio_3.html">Portfolio 3 columns</a></li>
 +
<li><a href="portfolio_4.html">Portfolio 4 columns</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">BLOG</a>
 +
<ul class="unstyled">
 +
<li><a href="blog_right_sidebar.html">Right sidebar</a></li>
 +
<li><a href="blog_left_sidebar.html">Left sidebar</a></li>
 +
<li><a href="blog.html">Full width</a></li>
 +
<li><a href="blog_single_post.html">Single post</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="contacts.html">CONTACTS</a></li>
 +
</ul>
 +
</div>
 +
</nav><!-- /nav.span6 [MainNavigation] -->
 +
</div><!-- /.row [Logo, MainNavigation] -->
 +
</div><!-- /.container -->
 +
</div><!-- /.mainNav -->
 +
</header><!-- /header -->
 
 
−
+
<!-- Fix html5 sematic on silder
−
<div class="container-fluid bigSlider">
+
####################################### -->
 +
<div class="container-fluid bigSlider">
 
<div class="rs_mainslider">
 
<div class="rs_mainslider">
 
<ul class="rs_mainslider_items unstyled">
 
<ul class="rs_mainslider_items unstyled">
 
<li class="rs_mainslider_items_active">
 
<li class="rs_mainslider_items_active">
−
<img src="img/slider_photo/slide1.jpg" alt="slide1" class="rs_mainslider_items_image">
+
<img src="https://static.igem.org/mediawiki/2015/a/af/Nankai_HP_slide1.jpg" alt="slide1" class="rs_mainslider_items_image">
 
<div class="rs_mainslider_items_text container">
 
<div class="rs_mainslider_items_text container">
 
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
 
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
Line 75: Line 122:
 
</li>
 
</li>
 
<li class="rs_mainslider_items_active">
 
<li class="rs_mainslider_items_active">
−
<img src="img/slider_photo/slide2.jpg" alt="slide2" class="rs_mainslider_items_image">
+
<img src="https://static.igem.org/mediawiki/2015/c/c3/Nankai_HP_slide2.jpg" alt="slide2" class="rs_mainslider_items_image">
 
<div class="rs_mainslider_items_text container">
 
<div class="rs_mainslider_items_text container">
 
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
 
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
Line 82: Line 129:
 
</li>
 
</li>
 
<li class="rs_mainslider_items_active">
 
<li class="rs_mainslider_items_active">
−
<img src="img/slider_photo/slide3.jpg" alt="slide3" class="rs_mainslider_items_image">
+
<img src="https://static.igem.org/mediawiki/2015/2/2c/Nankai_HP_slide3.jpg" alt="slide3" class="rs_mainslider_items_image">
 
<div class="rs_mainslider_items_text container">
 
<div class="rs_mainslider_items_text container">
 
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
 
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
Line 171: Line 218:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item1.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item1.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 184: Line 231:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item2.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/d/d8/Nankai_HP_item2.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 197: Line 244:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item3.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/a/a1/Nankai_HP_item3.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 210: Line 257:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item4.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item4.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 223: Line 270:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item5.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/e/e0/Nankai_HP_item5.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 236: Line 283:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item6.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/0/05/Nankai_HP_item6.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 249: Line 296:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item7.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/5/53/Nankai_HP_item7.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 262: Line 309:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="img/portfolio/item8.jpg" alt="project">
+
<img src="https://static.igem.org/mediawiki/2015/1/16/Nankai_HP_item8.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 275: Line 322:
 
</div><!-- /.container [] -->
 
</div><!-- /.container [] -->
  
−
<footer class="mainFooter">
+
−
<div class="clients">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="span12">
+
−
<ul class="inline">
+
−
<li>
+
−
<a href="#">
+
−
<img src="img/partner/partner5.png" alt="themeforest">
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="#">
+
−
<img src="img/partner/partner4.png" alt="audiojungle">
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="#">
+
−
<img src="img/partner/partner3.png" alt="activeden">
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="#">
+
−
<img src="img/partner/partner2.png" alt="graphicriver">
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="#">
+
−
<img src="img/partner/partner1.png" alt="codecanyon">
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div><!-- /.row -->
+
−
</div><!-- /.container -->
+
−
</div><!-- /.clients -->
+
  
 
<div class="footerWidgets">
 
<div class="footerWidgets">
Line 384: Line 396:
 
<script src="https://2015.igem.org/Team:Nankai/Practices/izotope.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Nankai/Practices/izotope.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Nankai/Practices/option.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Nankai/Practices/option.js?action=raw&ctype=text/javascript"></script>
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:31, 7 August 2015

<!DOCTYPE html> DesignPortfolio

Site Color
Design Portfolio
  • slide1

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

  • slide2

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

  • slide3

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

    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

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    VIEW ALL PROJECT →
    DesignPortfolio

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin massa vel odio gravida placerat. Suspendisse porta, nulla non eleifend vehicula, libero sapien luctus sapien, ut sodales augue velit vitae lacus.

    FLICKR PHOTOSTREAM

    RECENT POSTS

    © Copyright 2013. More Templates 模板之家 - Collect from 网页模板

    Designed by Theme Designer. Developed by 960 Development