|
|
| Line 1: |
Line 1: |
| − | <html lang="en">
| |
| − | <head>
| |
| − | <script>
| |
| − | document.styleSheets[0].disabled = true
| |
| − | </script>
| |
| | | | |
| − | <meta charset="utf-8">
| |
| − | <title>DesignPortfolio</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <meta name="description" content="">
| |
| − | <meta name="author" content="">
| |
| − |
| |
| − | <!-- Styles -->
| |
| − | <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/screen.css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − | <!--[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*/
| |
| − | .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>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </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>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </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="row1">
| |
| − | <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="row1">
| |
| − | <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="row1">
| |
| − | <div class="span12 viewProjects">
| |
| − | <a href="#">VIEW ALL PROJECT →</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <ul class="row1 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="row1">
| |
| − | <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="row1">
| |
| − | <div class="span7">
| |
| − | <p>
| |
| − | © 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}}
| |