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 13: Line 10:
 
    <!-- Styles -->
 
    <!-- Styles -->
 
    <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/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/responsive.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]>
 
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
    <![endif]-->
 
    <![endif]-->
−
<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>
 
−
 
  
−
     
+
    <!-- 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">
 
</head>
 
</head>
 
<body>
 
<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 -->
 +
 +
 +
 
 
 
<div class="container-fluid bigSlider">
 
<div class="container-fluid bigSlider">
Line 47: Line 48:
 
<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="https://static.igem.org/mediawiki/2015/a/af/Nankai_HP_slide1.jpg" alt="slide1" class="rs_mainslider_items_image">
+
<img src="img/slider_photo/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 54: Line 55:
 
</li>
 
</li>
 
<li class="rs_mainslider_items_active">
 
<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">
+
<img src="img/slider_photo/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 61: Line 62:
 
</li>
 
</li>
 
<li class="rs_mainslider_items_active">
 
<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">
+
<img src="img/slider_photo/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 83: Line 84:
 
</div><!-- / -->
 
</div><!-- / -->
 
</div><!-- /.container-fluid [bigSlider] -->
 
</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="container">
Line 95: Line 151:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item1.jpg" alt="project">
+
<img src="img/portfolio/item1.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 108: Line 164:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/d/d8/Nankai_HP_item2.jpg" alt="project">
+
<img src="img/portfolio/item2.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 121: Line 177:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/a/a1/Nankai_HP_item3.jpg" alt="project">
+
<img src="img/portfolio/item3.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 134: Line 190:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item4.jpg" alt="project">
+
<img src="img/portfolio/item4.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 147: Line 203:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/e/e0/Nankai_HP_item5.jpg" alt="project">
+
<img src="img/portfolio/item5.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 160: Line 216:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/0/05/Nankai_HP_item6.jpg" alt="project">
+
<img src="img/portfolio/item6.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 173: Line 229:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/5/53/Nankai_HP_item7.jpg" alt="project">
+
<img src="img/portfolio/item7.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 186: Line 242:
 
<figure>
 
<figure>
 
<a href="single_project.html" class="thumbnail">
 
<a href="single_project.html" class="thumbnail">
−
<img src="https://static.igem.org/mediawiki/2015/1/16/Nankai_HP_item8.jpg" alt="project">
+
<img src="img/portfolio/item8.jpg" alt="project">
 
</a>
 
</a>
 
<figcaption>
 
<figcaption>
Line 199: Line 255:
 
</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="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 -->
 
<!-- Scripts -->
Line 210: Line 364:
 
<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 08:57, 5 August 2015

<!DOCTYPE html> DesignPortfolio

Site Color
  • 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 →