Difference between revisions of "Team:Nankai/test2"

Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<script>
 +
        document.styleSheets[0].disabled = true
 +
        </script>
  
−
iGEM wiki tools search toc teams immortal
+
    <meta charset="utf-8">
−
Team:Nankai/Practices
+
    <title>DesignPortfolio</title>
−
Bold textItalic textInternal linkExternal link (remember http:// prefix)Level 2 headlineEmbedded fileFile linkMathematical formula (LaTeX)Ignore wiki formattingYour signature with timestampHorizontal line (use sparingly)
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
−
Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
+
    <!-- Styles -->
−
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
+
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,700' rel='stylesheet' >
−
Summary:  
+
    <link href="https://2015.igem.org/Team:Nankai/Practices/responsive.bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
−
This is a minor edit  Watch this page
+
    <link href="https://2015.igem.org/Team:Nankai/Practices/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
−
     Cancel | Editing help (opens in new window)
+
    <link href="https://2015.igem.org/Team:Nankai/Practices/screen.css?action=raw&ctype=text/css" rel="stylesheet">
−
Template used on this page:
+
 
−
Template:Nankai (edit)
+
    <!--[if lt IE 9]>
 +
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 +
    <![endif]-->
 +
 
 +
    <!-- Faviocon and touch -->
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="#">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="#">
 +
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="#">
 +
                    <link rel="apple-touch-icon-precomposed" href="#">
 +
                                  <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*/
 +
.navTop ul li a:hover {
 +
background-color: #FFFFFF !important;
 +
}
 +
.mainNav {
 +
  min-height: 126px;
 +
  background: #FFFFFF;
 +
}
 +
.menu {
 +
  padding: 50px 0;
 +
  background: white;
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
</head>
 +
</head>
 +
<body>
 +
 +
<!-- START SETTINGS BOX -->
 +
<div class="customPanel customPanelClosed">
 +
  <div class="customPanelOptions">
 +
    Site Color<br />
 +
    <div class="customPanelOptionsPickerButton customPanelOptionsPickerButtonSite"></div>
 +
    <div style="clear:both;"></div>
 +
  </div>
 +
  <div class="customPanelOptionsPicker customPanelOptionsPickerBackground"></div>
 +
  <div class="customPanelOptionsPicker customPanelOptionsPickerSite"></div>
 +
  <div class="customPanelButton"></div>
 +
</div>
 +
<!-- END SETTINGS BOX -->
 +
 
 +
 
 +
<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="rs_mainslider">
 +
<ul class="rs_mainslider_items unstyled">
 +
<li class="rs_mainslider_items_active">
 +
<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">
 +
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
 +
<h2>Donec mattis, magna nec lacinia </h2>
 +
</div>
 +
</li>
 +
<li class="rs_mainslider_items_active">
 +
<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">
 +
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
 +
<h2>Donec mattis, magna nec lacinia </h2>
 +
</div>
 +
</li>
 +
<li class="rs_mainslider_items_active">
 +
<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">
 +
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
 +
<h2>Donec mattis, magna nec lacinia </h2>
 +
</div>
 +
</li>
 +
</ul>
 +
 
 +
    <div class="rs_mainslider_left_container rs_center_vertical_container">
 +
    <div class="rs_mainslider_left rs_center_vertical"></div>
 +
    </div>
 +
 
 +
    <div class="rs_mainslider_right_container rs_center_vertical_container">
 +
    <div class="rs_mainslider_right rs_center_vertical"></div>
 +
    </div>
 +
 
 +
    <div class="rs_mainslider_dots_container rs_center_horizontal_container">
 +
      <ul class="rs_mainslider_dots rs_center_horizontal clearfix"></ul>
 +
    </div>
 +
 
 +
</div><!-- / -->
 +
</div><!-- /.container-fluid [bigSlider] -->
 +
<div class="container">
 +
<div class="row">
 +
<div class="span12 welcomeMessage">
 +
<h1>welcome to our website</h1>
 +
<p>
 +
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.
 +
</p>
 +
</div>
 +
</div>
 +
</div><!-- /.container [welcomeMessage] -->
 +
 
 +
<div class="coloredSection featureSite">
 +
<div class="container">
 +
<ul class="row">
 +
<li class="span4">
 +
<h3>OUR PORTFOLIO</h3>
 +
<figure>
 +
<a href="#">
 +
<img src="img/large_icons/portfolio.png" alt="our portfolio">
 +
</a>
 +
<figcaption>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span4">
 +
<h3>OUR PORTFOLIO</h3>
 +
<figure>
 +
<a href="#">
 +
<img src="img/large_icons/settings.png" alt="our portfolio">
 +
</a>
 +
<figcaption>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span4">
 +
<h3>OUR PORTFOLIO</h3>
 +
<figure>
 +
<a href="#">
 +
<img src="img/large_icons/mess.png" alt="our portfolio">
 +
</a>
 +
<figcaption>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
</ul><!-- /.row [featureSite] -->
 +
</div><!-- /.container -->
 +
</div><!-- /.colorBg -->
 +
 
 +
<div class="container">
 +
<div class="row">
 +
<div class="span12 viewProjects">
 +
<a href="#">VIEW ALL PROJECT &#8594;</a>
 +
</div>
 +
</div>
 +
<ul class="row portfolioItems">
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item1.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Photo of morning grass</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d8/Nankai_HP_item2.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Stylish coffee cup</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a1/Nankai_HP_item3.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Burlesque</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item4.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Daredevil</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e0/Nankai_HP_item5.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Illuminary creatives</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/0/05/Nankai_HP_item6.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Haselbled</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/5/53/Nankai_HP_item7.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">Sandwich</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
<li class="span3">
 +
<figure>
 +
<a href="single_project.html" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2015/1/16/Nankai_HP_item8.jpg" alt="project">
 +
</a>
 +
<figcaption>
 +
<h3><a href="single_project.html">London office</a></h3>
 +
<p>
 +
Class aptent taciti sociosqu ad litora torque
 +
</p>
 +
</figcaption>
 +
</figure>
 +
</li>
 +
</ul><!-- /.portfolioItems -->
 +
</div><!-- /.container [] -->
 +
 
 +
 +
 
 +
<div class="footerWidgets">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span4">
 +
<a href="#" class="brand">DesignPortfolio</a>
 +
<p>
 +
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.
 +
</p>
 +
</div><!-- [footerMessage] -->
 +
<div class="span4">
 +
<h2>FLICKR PHOTOSTREAM</h2>
 +
<ul class="inline flickrImages" data-userid="30233972@N02" data-items="8">
 +
 +
</ul><!-- /.row-fluid [flickrimages] -->
 +
</div><!-- [flickr] -->
 +
<div class="span4">
 +
<h2>RECENT POSTS</h2>
 +
<ul class="recentPosts">
 +
<li>
 +
<p>
 +
<a href="#">
 +
Pellentesque rhoncus nibh id nibh mollis Etiam aliquam, eros id facilisis
 +
</a>
 +
</p>
 +
</li>
 +
<li>
 +
<p>
 +
<a href="#">
 +
Donec volutpat, nisl quis luctu dap
 +
</a>
 +
</p>
 +
</li>
 +
<li>
 +
<p>
 +
<a href="#">
 +
Etiam faucibus, ligula nec blandit ornare, massa enim ultricies leo, eget porta dolor elit.
 +
</a>
 +
</p>
 +
</li>
 +
</ul>
 +
</div><!-- [recent posts] -->
 +
</div><!-- /.row -->
 +
</div><!-- /.container -->
 +
</div><!-- /.footerWidgets -->
 +
 
 +
<div class="copyRight">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span7">
 +
<p>
 +
&copy; Copyright 2013. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
 +
</p>
 +
</div>
 +
<div class="span5 text-right">
 +
<p>
 +
Designed by Theme Designer. Developed by 960 Development
 +
</p>
 +
</div>
 +
</div><!-- /.row -->
 +
</div><!-- /.container -->
 +
</div><!-- /.copyright -->
 +
</footer><!-- /.footer [mainFooter] -->
 +
 
 +
<!-- Scripts -->
 +
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
 +
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
 +
     <script src="https://2015.igem.org/Team:Nankai/Practices/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/settingsbox.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/farbtastic.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/jquery.prettyPhoto.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>
 +
</body>
 +
</html>
 
{{Nankai}}
 
{{Nankai}}

Revision as of 03:02, 8 August 2015

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

    Medigo Blue, free responsive template