Difference between revisions of "Team:FAFU-CHINA/"

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html lang="en">
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.16.5" />
 +
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Gifu&amp;action=edit" />
 +
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Gifu&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Gifu&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:Gifu - 2014.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2014.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:Gifu",
 +
wgTitle="Team:Gifu",
 +
wgAction="view",
 +
wgArticleId=1679,
 +
wgIsArticle=true,
 +
wgUserName="Huangxl",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=329768,
 +
wgVersion="1.16.5",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2014.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2014_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
 +
 
 +
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_Gifu">
 +
  <div id="globalWrapper">
 +
 
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='https://2014.igem.org/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 
 +
 
 +
 
 +
<div id="menubar" class='left-menu noprint'>
 +
  <ul>
 +
                  <li
 +
                class='selected'       ><a href="/Team:Gifu">Page              </a></li>
 +
              <li
 +
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:Gifu&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Gifu&amp;action=edit">Edit              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Gifu&amp;action=history">History              </a></li>
 +
              <li
 +
                    ><a href="/Special:MovePage/Team:Gifu">Move              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Gifu&amp;action=watch">Watch              </a></li>
 +
              <li style='color:white;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
 +
 
 +
<div class="right-menu noprint" id="menubar">
 +
    <ul>
 +
                <li id="pt-userpage"><a href="/User:Huangxl" title="Your user page [.]" accesskey="." class="new">Huangxl</a></li>                              <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
 +
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:Gifu" title="Log out">Log out</a></li>     </ul>
 +
</div><!-- end right menubar -->
 +
 
 +
<div id="search-controls" class="noprint">
 +
<form action="/Special:Search" id="searchform">
 +
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
</div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Gifu</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2014.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 
<head>
 
<head>
 +
<meta http-equiv="Content-Script-Type" content="text/javascript">
 +
<meta http-equiv="Content-Script-Type" content="text/css">
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 +
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 +
.firstHeading {
 +
width: 0px;
 +
margin: 0px auto;
 +
padding-top: 0px;
 +
margin-bottom: 0px;
 +
font-family:;
 +
        color:white;
 +
        font-size:10%;
 +
        display:none;
 +
        }
 +
 +
h1, h2, h3, h4, h5
 +
{margin-left: 10px;
 +
margin-right: 10px;
 +
font-family:;
 +
font-color:black;
 +
font-size:x-large;
 +
text-decoration:none;
 +
 +
}
  
    <meta charset="utf-8" />
 
    <title>ChinaZ</title>
 
    <meta name="description" content="" />
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<!-- CSS Files -->
 
 
<link rel="stylesheet" href="css/animate.min.css" />
 
<link rel="stylesheet" href="css/bootstrap.css" />
 
<link rel="stylesheet" href="css/style.css" />
 
<link rel="stylesheet" href="css/flexslider.css" />
 
<link rel="stylesheet" href="css/font-awesome.css" />
 
<link rel="stylesheet" href="css/prettyPhoto.css" />
 
<link rel="stylesheet" href="css/responsive.css" />
 
 
<!-- End CSS Files -->
 
 
   
 
   
</head>
 
 
 
<body data-spy="scroll" data-target=".nav-menu" data-offset="50">
 
  
<div id="pageloader"> 
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
            <div class="loader">
+
background-color: #383838;
              <img src="images/load.gif" alt='loader' />
+
border: 0 none;
            </div>
+
height: 14px;
         </div>
+
z-index: 100;
 +
bottom: 0px;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
          
 +
}
  
<!-- Home Section -->
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
<section id="home" class="nav-link">
+
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
bottom: 0px;
 +
}
  
<!-- Slider -->
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
<div id="slides">
+
color: #727272;
<div class="slides-container">
+
text-decoration: none;
+
background-color: transparent;
<!-- Slider Images -->
+
}
<div class="image1 pattern"></div>
+
<div class="image2 pattern"></div>
+
<div class="image3 pattern"></div>
+
<!-- End Slider Images -->
+
+
</div>
+
+
<!-- Slider Controls -->
+
+
<nav class="slides-navigation">
+
  <a href="#" class="next"></a>
+
  <a href="#" class="prev"></a>
+
</nav>
+
+
<!-- End Slider Controls -->
+
+
</div>
+
<!-- End Slider Images -->
+
+
<!-- Main - Text Slide -->
+
<div class=" main">
+
<!-- Text Slider -->
+
<div id="main" class="flexslider home-slider">
+
+
<!-- Text Slides -->
+
<ul class="home-slides">
+
<li>We Are <span>Avalin</span></li>
+
<li>Proudly <span>With Us</span></li>
+
<li>Well Design <span>Teams</span></li>
+
</ul>
+
<!-- End Text Slides -->
+
+
<div class="clear"></div>
+
+
</div>
+
  
<!-- Home Description -->
 
<div class="home-p">Avalin Company is the most brilliant company around the field of human science. it has many powerful researches about knowledge management in human resource planning.</div>
 
<!-- End Home Description -->
 
 
<!-- Home Button -->
 
<a class="scroll button-ready" href="#about">Are You Ready?</a>
 
<!-- End Home Button -->
 
 
</div>
 
<!-- End Main -->
 
 
</section>
 
<!-- End Home Section -->
 
 
<!-- Navigation Section -->
 
<section id="navigation">
 
 
<div class="inner navigation">
 
 
<!-- Logo -->
 
<div class="logo">
 
<a class="scroll" href="#home"><img src="images/logo.png" alt="Logo" /></a>
 
</div>
 
 
<!-- Nav Menu -->
 
 
<nav class="nav-menu">
 
 
<ul class="nav main-nav">
 
 
<li class="active"><a class="scroll" href="#home">Home</a></li>
 
<li><a class="scroll" href="#about">About</a></li>
 
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
 
<li><a class="scroll" href="#services">Services</a></li>
 
<li><a class="scroll" href="#blog">Blog</a></li>
 
<li><a class="scroll" href="#prices">Prices</a></li>
 
<li><a class="scroll" href="#contact">Contact</a></li>
 
 
</ul>
 
 
</nav>
 
 
<!-- Dropdown Menu For Mobile Devices-->
 
<nav class="dropdown mobile-drop">
 
  <a data-toggle="dropdown" class="mobile-menu" href="#"><i class="fa fa-bars"></i></a>
 
  <ul class="nav dropdown-menu fullwidth" role="menu">
 
<li><a class="scroll" href="#home">Home</a></li>
 
<li><a class="scroll" href="#about">About</a></li>
 
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
 
<li><a class="scroll" href="#services">Services</a></li>
 
<li><a class="scroll" href="#blog">Blog</a></li>
 
<li><a class="scroll" href="#prices">Prices</a></li>
 
<li><a class="scroll" href="#contact">Contact</a></li>
 
                    <li><a class="scroll" href="http://sc.chinaz.com">More</a></li>
 
  </ul>
 
</nav>
 
 
</div>
 
 
</section>
 
<!-- End Navigation Section -->
 
<div class="copyrights">Collect from <a href="http://sc.chinaz.com/" >手机网站模板</a></div>
 
<!-- About Section -->
 
<section id="about" class="contain nav-link">
 
 
<div class="about inner">
 
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 
About Us
 
</div>
 
 
<!-- Second Header -->
 
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 
</div>
 
<div class="row">
 
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="0">
 
<div class="bubble_outer_one">
 
<div class="bubble_container">
 
<div class="bubble"></div>
 
<i class="fa fa-thumbs-up"></i>
 
</div>
 
</div>
 
<div class="about_line"></div>
 
<article class='about_article'>
 
<h2>Responsive Design</h2>
 
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
 
</article>
 
</div>
 
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="500">
 
<div class="bubble_outer_two">
 
<div class="bubble_container">
 
<div class="bubble"></div>
 
<i class="fa fa-envelope fa-light"></i>
 
</div>
 
</div>
 
<div class="about_line"></div>
 
<article class='about_article'>
 
<h2>Customized Services</h2>
 
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
 
</article>
 
</div>
 
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="800">
 
<div class="bubble_outer_three">
 
<div class="bubble_container">
 
<div class="bubble"></div>
 
<i class="fa fa-umbrella"></i>
 
</div>
 
</div>
 
<div class="about_line"></div>
 
<article class='about_article'>
 
<h2>Powerful Support</h2>
 
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
 
</article>
 
</div>
 
</div>
 
 
 
<div class="clear"></div>
 
 
<!-- Start Our Team Section -->
 
<div class="second-section">
 
<!-- Header -->
 
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 
Our Powerful Team
 
</div>
 
 
<!-- Second Header -->
 
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 
</div>
 
<div class="row">
 
<ul class="grid cs-style-1">
 
                           
 
                <li class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <img src="images/team/1.jpg" alt="MyPassion" />
 
                        <div class="figcaption">
 
                            <span>Founder</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                        <h4>John Doe</h4>
 
                        <div class="hidden">
 
                        <span>Founder</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                       
 
                    </div>
 
                </li>
 
               
 
                <li class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <img src="images/team/2.jpg" alt="MyPassion" />
 
                        <div class="figcaption">
 
                            <span>Moderator</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                        <h4>Sarah Dome</h4>
 
                        <div class="hidden">
 
                        <span>Moderator</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                    </div>
 
                </li>
 
               
 
                <li class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <img src="images/team/3.jpg" alt="MyPassion" />
 
                        <div class="figcaption">
 
                            <span>Web Developer</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                        <h4>David Mier</h4>
 
                        <div class="hidden">
 
                        <span>Web Developer</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                    </div>
 
                </li>
 
                <li class="col-md-3 col-sm-6">
 
                    <div class="figure">
 
                        <img src="images/team/4.jpg" alt="MyPassion" />
 
                        <div class="figcaption">
 
                            <span>Consultant</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                        <h4>Katy Jew</h4>
 
                        <div class="hidden">
 
                        <span>Consultant</span>
 
                            <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
 
                            <a href="#"><i class="fa fa-twitter"></i></a>
 
                            <a href="#"><i class="fa fa-facebook"></i></a>
 
                            <a href="#"><i class="fa fa-github"></i></a>
 
                            <a href="#"><i class="fa fa-skype"></i></a>
 
                        </div>
 
                    </div>
 
                </li>
 
               
 
            </ul>
 
</div>
 
</div>
 
</div><!-- End inner div -->
 
 
</section><!-- End Our Team Section -->
 
<section id="portfolio" class="contain nav-link">
 
 
<div class="inner">
 
 
<!-- Portfolio -->
 
<div class="contain-logo br">
 
<i class="fa fa-chevron-down"></i>
 
</div>
 
 
<!-- Header -->
 
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
 
our Portfolio
 
</div>
 
 
<!-- Second Header -->
 
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
 
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
 
</div>
 
 
<div class="works">
 
 
<div id="options" class="filter-menu inline animated" data-animation="slideInRight" data-animation-delay="0">
 
<ul id="filters" class="filters option-set" data-option-key="filter">
 
<li><a href="#filter" data-option-value="*" class="selected">show all</a></li>
 
<li><a href="#filter" data-option-value=".design">design</a></li>
 
<li><a href="#filter" data-option-value=".photography">photography</a></li>
 
<li><a href="#filter" data-option-value=".branding">branding</a></li>
 
<li><a href="#filter" data-option-value=".web">web</a></li>
 
</ul>
 
</div>
 
<div class="row">
 
<div class="items ">
 
 
<div class="work col-xs-4 web photography">
 
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="0">
 
<div class="portfolio-img">
 
<img src="images/portfolio/1.jpg" alt="" />
 
<div class="mask">
 
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 
</div>
 
</div>
 
<div class="portfolio-desc">
 
<h4>Portfolio Sample</h4>
 
<p>Dolor sit amet maximi in agris Avalin humana</p>
 
</div>
 
</div>
 
</div>
 
 
<div class="work col-xs-4 photography design">
 
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="50">
 
<div class="portfolio-img">
 
<img src="images/portfolio/2.jpg" alt="" />
 
<div class="mask">
 
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 
</div>
 
</div>
 
<div class="portfolio-desc">
 
<h4>Portfolio Sample</h4>
 
<p>Dolor sit amet maximi in agris Avalin humana</p>
 
</div>
 
</div>
 
</div>
 
 
<div class="work col-xs-4 web photography design ">
 
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="100">
 
<div class="portfolio-img">
 
<img src="images/portfolio/3.jpg" alt="" />
 
<div class="mask">
 
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 
</div>
 
</div>
 
<div class="portfolio-desc">
 
<h4>Portfolio Sample</h4>
 
<p>Dolor sit amet maximi in agris Avalin humana</p>
 
</div>
 
</div>
 
</div>
 
 
<div class="work col-xs-4 design web ">
 
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="150">
 
<div class="portfolio-img">
 
<img src="images/portfolio/4.jpg" alt="" />
 
<div class="mask">
 
<a class="button zoom" href="http://www.youtube.com/watch?v=abfeXDFegO8" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 
<a class="button detail"><i class="fa fa-film"></i></a>
 
</div>
 
</div>
 
<div class="portfolio-desc">
 
<h4>Portfolio Sample</h4>
 
<p>Dolor sit amet maximi in agris Avalin humana</p>
 
</div>
 
</div>
 
</div>
 
 
<div class="work col-xs-4 design photography ">
 
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="200">
 
<div class="portfolio-img">
 
<img src="images/portfolio/5.jpg" alt="" />
 
<div class="mask">
 
<a class="button zoom" href="http://www.youtube.com/watch?v=abfeXDFegO8" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 
<a class="button detail"><i class="fa fa-film"></i></a>
 
</div>
 
</div>
 
<div class="portfolio-desc">
 
<h4>Portfolio Sample</h4>
 
<p>Dolor sit amet maximi in agris Avalin humana</p>
 
</div>
 
</div>
 
</div>
 
 
<div class="work col-xs-4 web branding ">
 
<div class="portfolio-inner animated" data-animation="pulse" data-animation-delay="250">
 
<div class="portfolio-img">
 
<img src="images/portfolio/6.jpg" alt="" />
 
<div class="mask">
 
<a class="button zoom" href="images/portfolio/big.jpg" data-rel="prettyPhoto[gallery]"><i class="fa fa-plus"></i></a>
 
<a class="button detail"><i class="fa fa-picture-o"></i></a>
 
</div>
 
</div>
 
<div class="portfolio-desc">
 
<h4>Portfolio Sample</h4>
 
<p>Dolor sit amet maximi in agris Avalin humana</p>
 
</div>
 
</div>
 
</div>
 
  
<div class="clear"></div>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
width: 100%;
</div>
+
height: 100%;
</div>
+
border: 0px;
</div>
+
background-color: transparent;
+
margin: 0px;
</div>
+
padding: 0px;
+
}
</section>
+
+
<!-- Start Services Section -->
+
<section id="services" class="contain nav-link">
+
<div class="inner services">
+
<div class="contain-logo br">
+
<i class="fa fa-chevron-down"></i>
+
</div>
+
+
<!-- Header -->
+
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
+
Our Services
+
</div>
+
+
<!-- Second Header -->
+
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
+
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
+
</div>
+
+
<div class="row">
+
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
+
              <div class="service-box">
+
                <div class="wrap">
+
                  <span class="fa fa-tag"></span>
+
                  <div class="content">
+
                    <h4>Web Design</h4>
+
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
+
                  </div><!-- End .content -->
+
                </div><!-- End .wrap -->
+
              </div><!-- End .service-box -->
+
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
+
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
+
              <div class="service-box">
+
                <div class="wrap">
+
                  <span class="fa fa-umbrella"></span>
+
                  <div class="content">
+
                    <h4>Ad Promotion</h4>
+
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
+
                  </div><!-- End .content -->
+
                </div><!-- End .wrap -->
+
              </div><!-- End .service-box -->
+
            </div><!-- End .col-md-4 col-sm-4 col-xs-6-->
+
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
+
              <div class="service-box">
+
                <div class="wrap">
+
                  <span class="fa fa-signal"></span>
+
                  <div class="content">
+
                    <h4>Get Traffic</h4>
+
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
+
                  </div><!-- End .content -->
+
                </div><!-- End .wrap -->
+
              </div><!-- End .service-box -->
+
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
+
         
+
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
+
              <div class="service-box">
+
                <div class="wrap">
+
                  <span class="fa fa-gift"></span>
+
                  <div class="content">
+
                    <h4>Consultant</h4>
+
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
+
                  </div><!-- End .content -->
+
                </div><!-- End .wrap -->
+
              </div><!-- End .service-box -->
+
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
+
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
+
              <div class="service-box">
+
                <div class="wrap">
+
                  <span class="fa fa-comments"></span>
+
                  <div class="content">
+
                    <h4>Project Management</h4>
+
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
+
                  </div><!-- End .content -->
+
                </div><!-- End .wrap -->
+
              </div><!-- End .service-box -->
+
            </div><!-- End .col-md-4 col-sm-4 col-xs-6-->
+
            <div class="col-md-4 col-sm-4 col-xs-6 animated" data-animation="rollIn" data-animation-delay="0">
+
              <div class="service-box">
+
                <div class="wrap">
+
                  <span class="fa fa-desktop"></span>
+
                  <div class="content">
+
                    <h4>Knowledge Management</h4>
+
                    <p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione avalin dolor set amet</p>
+
                  </div><!-- End .content -->
+
                </div><!-- End .wrap -->
+
              </div><!-- End .service-box -->
+
            </div><!-- End .col-md-4 col-sm-4 col-xs-6 -->
+
        </div>
+
+
+
+
+
</div><!-- End Services Inner 1 -->
+
+
+
</section> <!-- End Services Section -->
+
+
<!-- Start Blog Section -->
+
<section id="blog" class="contain nav-link">
+
<div class="inner">
+
<div class="contain-logo br-b">
+
<i class="fa fa-chevron-down"></i>
+
</div>
+
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
+
Our Blog
+
</div>
+
+
<!-- Second Header -->
+
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
+
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
+
</div>
+
  
<div class="row">
+
html, body, .wrapper { /*-- changes default wiki settings --*/
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="0">
+
width: 100%;
<div class="portfolio-img">
+
height: 100%;
<img src="images/post_img_1.jpg" class="post-img" alt="">
+
background-color: transparent;
</div>
+
}
+
<div class="post-content">
+
<a href="#"><h5>Avalin Post Title</h5></a>
+
<div class="entry">
+
<p>
+
Donec non lacus a velit iaculis dignissim. Nam at lorem vitae enim vestibulum ullamcorper. In adipiscing, eros at venenatis mattis, erat purus tempus nisi, et tempor lectus nibh non dui. Nam bibendum est quis dolor elementum laoreet. Vestibulum ut fermentum augue.
+
</p>
+
</div>
+
<div class="post-meta">
+
<ul>
+
<li><a href="#"><i class="fa fa-clock-o"></i>Feb 02, 2014</a></li>
+
<li><a href="#"><i class="fa fa-comment"></i>2 Comments</a></li>
+
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
  
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="150">
+
#contentcontainer { /*-- creates container for all content on page --*/
<div class="portfolio-img">
+
font-family:;
<img src="images/post_img_2.jpg" class="post-img" alt="">
+
font-weight: normal;
</div>
+
font-size: 14px;
+
color: #414141;
<div class="post-content">
+
width: 960px;
<a href="#"><h5>Avalin Post Title</h5></a>
+
margin-left: auto;
<div class="entry">
+
margin-right: auto;
<p>
+
background-color: #transparent;
Donec non lacus a velit iaculis dignissim. Nam at lorem vitae enim vestibulum ullamcorper. In adipiscing, eros at venenatis mattis, erat purus tempus nisi, et tempor lectus nibh non dui. Nam bibendum est quis dolor elementum laoreet. Vestibulum ut fermentum augue.
+
margin-top: 0px;
</p>
+
}
</div>
+
<div class="post-meta">
+
<ul>
+
<li><a href="#"><i class="fa fa-clock-o"></i>Feb 02, 2014</a></li>
+
<li><a href="#"><i class="fa fa-comment"></i>2 Comments</a></li>
+
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
  
<div class="col-lg-4 col-md-4 post-item animated" data-animation="bounceIn" data-animation-delay="300">
+
.sidemenu, .sidemenu li {
<div class="portfolio-img">
+
list-style-type: none;
<img src="images/post_img_3.jpg" class="post-img" alt="">
+
list-style-image: none;
</div>
+
font-family:;
<div class="post-content">
+
text-decoration: none;
<a href="#"><h5>Avalin Post Title</h5></a>
+
color:#000;
<div class="entry">
+
font-size: 14px;
<p>
+
}
Donec non lacus a velit iaculis dignissim. Nam at lorem vitae enim vestibulum ullamcorper. In adipiscing, eros at venenatis mattis, erat purus tempus nisi, et tempor lectus nibh non dui. Nam bibendum est quis dolor elementum laoreet. Vestibulum ut fermentum augue.
+
 
</p>
+
.sidemenu li {display: block;}
</div>
+
 
<div class="post-meta">
+
.sidemenu a {
<ul>
+
text-decoration:none;
<li><a href="#"><i class="fa fa-clock-o"></i>Feb 02, 2014</a></li>
+
color: #000;
<li><a href="#"><i class="fa fa-comment"></i>2 Comments</a></li>
+
display: block;
<li><a href="#"><i class="fa fa-user"></i>John</a></li>
+
width: 180px;
</ul>
+
height: 100%;
</div>
+
padding: 3px 5px;
</div>
+
transition: .25s ease-in-out;
</div>
+
-moz-transition: .25s ease-in-out;
</div>
+
-webkit-transition: .25s ease-in-out;
+
}
+
 
</div>
+
.sidemenu a.greyout { color: #909090; }
</section>
+
 
<!-- End Blog Section -->
+
.sidemenu a:hover {
<section id="prices" class="contain nav-link">
+
color:#666;
+
background-color: #d9f5aa;
<div class="inner prices">
+
}
<div class="contain-logo br">
+
 
<i class="fa fa-chevron-down"></i>
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
</div>
+
.sub-sidemenu a {color: #666;}
+
 
<!-- Header -->
+
div.underconst
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
+
{
Our Pricing
+
padding:10px;
</div>
+
border-radius:5px;
+
background-color:pink;
<!-- Second Header -->
+
text-align:center;
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
+
}
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.  
+
 
</div>
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
 
<div class="row">
+
.contentpara {margin-bottom: 30px;}
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="100">
+
 
                      <div class="price-pack text-center clearfix">
+
span.email{font-family: ;}
                          <div class="package-header"><h3>Personal</h3></div>
+
 
                            <div class="package-price">$20<p>monthly</p></div>
+
fieldset {border: 1px solid #337f53;}
                              <div class="package-features clearfix">
+
 
                                  <ul>
+
.greyout {color: #A0A0A0;}
                                      <li>Unlimited Users</li>
+
.highlightme {background-color: #FFFF00;}
                                      <li>Unlimited Storage</li>
+
 
                                      <li>Unlimited Domain</li>
+
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
                                      <li>Unlimited Bandwidth</li>
+
#annContainer {margin-left: 8px;}
                                      <li>Powerful Engine</li>
+
#newsContainer {border: 1px solid #ccc;}
                                      <li>Lifetime Support</li>
+
 
                                  </ul>
+
.newsTitle {
                              </div>
+
display: block;
                              <a href="#" class="btn border-btn">order now</a>
+
color: #414141;
                      </div>
+
font-size: 25px; 
                  </div>
+
        font-family:;
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="200">
+
padding: 10px 15px 5px 10px;
                      <div class="price-pack text-center clearfix">
+
border-bottom: 1px solid #ccc;
                          <div class="package-header"><h3>standard</h3></div>
+
margin-bottom: 0px;
                            <div class="package-price">$50<p>monthly</p></div>
+
}
                              <div class="package-features clearfix">
+
 
                                  <ul>
+
.newsItem {
                                      <li>Unlimited Users</li>
+
border-bottom: 1px solid #ccc;
                                      <li>Unlimited Storage</li>
+
display: block;
                                      <li>Unlimited Domain</li>
+
padding: 5px 15px 0px 10px;
                                      <li>Unlimited Bandwidth</li>
+
margin-bottom: 0px;
                                      <li>Powerful Engine</li>
+
}
                                      <li>Lifetime Support</li>
+
 
                                  </ul>
+
.newsItem h3 {
                              </div>
+
width: auto;
                              <a href="#" class="btn border-btn">order now</a>
+
display: inline;
                      </div>
+
font-size: 14px;
                  </div> 
+
font-family:;
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="300">
+
padding: 0px;
                      <div class="price-pack-features text-center clearfix">
+
margin: 0px;
                          <div class="package-header-features"><h3>profssional</h3></div>
+
}
                            <div class="package-price-features">$90<p>monthly</p></div>
+
 
                              <div class="package-features clearfix">
+
.newsItem img {
                                  <ul>
+
float: right;
                                      <li>Unlimited Users</li>
+
clear: right;
                                      <li>Unlimited Storage</li>
+
width: 80px;
                                      <li>Unlimited Domain</li>
+
padding-left: 15px;
                                      <li>Unlimited Bandwidth</li>
+
display: inline-block;
                                      <li>Powerful Engine</li>
+
}
                                      <li>Lifetime Support</li>
+
 
                                  </ul>
+
.newsItem .newsDate {
                              </div>
+
font-style: italic;
                              <a href="#" class="btn border-btn-features">order now</a>
+
font-size: 14px;
                      </div>
+
display: inline-block;
                  </div>
+
color: #999;
                  <div class="col-md-3 col-sm-6 animated" data-animation="fadeInUp" data-animation-delay="400">
+
float: right;
                      <div class="price-pack text-center clearfix">
+
padding: 0px 0px 10px 15px;
                          <div class="package-header"><h3>premium</h3></div>
+
}
                            <div class="package-price">$99<p>monthly</p></div>
+
 
                              <div class="package-features clearfix">
+
.newsItem p, .newsItem ul, .newsItem li {
                                  <ul>
+
padding: 0px;
                                      <li>Unlimited Users</li>
+
margin-left: 20px;
                                      <li>Unlimited Storage</li>
+
font-size: 12px;
                                      <li>Unlimited Domain</li>
+
line-height: 1.2;
                                      <li>Unlimited Bandwidth</li>
+
}
                                      <li>Powerful Engine</li>
+
 
                                      <li>Lifetime Support</li>
+
.newsItem p {margin-top: 10px;}
                                  </ul>
+
 
                              </div>
+
.annItem {
                              <a href="#" class="btn border-btn">order now</a>
+
border: 2px solid #49b677;
                      </div>
+
display: block;
                  </div>                                                       
+
padding: 0px 15px 10px 10px;
              </div>
+
margin-bottom: 18px;
</div><!-- End inner div -->
+
position: relative;
</section><!-- End Prices Section -->
+
height: 160px;
+
vertical-align: middle;
+
}
+
 
+
.annItem .annCentered {
<!--Start Contact Section -->
+
display: table-cell;
<section id="contact" class="contain nav-link">
+
vertical-align: middle;
<div class="contain-logo br">
+
height: 160px;
<i class="fa fa-chevron-down"></i>
+
}
</div>
+
 
+
.annCentered h3 {
<!-- Header -->
+
padding: 0px;
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
+
display: block;
Contact Us
+
margin-left: auto;
</div>
+
margin-right: auto;
+
text-align: center;
<!-- Second Header -->
+
}
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
+
 
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
+
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
</div>
+
.annItem li {list-style: none; margin: 5px}
+
 
+
 
<!--Gmap-->
+
 
<section class="gmap_outer">
+
 
map
+
p
</section>
+
{margin-left:10px;
<!--Gmap END-->
+
margin-right:10px;
+
font-family:;
           
+
font-size:18px;}
                <!-- col-md-8 col-sm-8 col-xs-12 -->
+
 
                <div class="col-md-8 col-sm-8 col-xs-12 animated" data-animation="rollIn" data-animation-delay="0">
+
#space {
<div class="contact-form">
+
  width: auto;
<form id="contact-form" action="contact.php" method="post" class="contact-form1">
+
  height: 150px;
<div class="row">
+
}
<div class="col-sm-6">
+
 
<input name="name" type="text" placeholder="Enter your full name..." required />
+
#spacehead{
</div>
+
  width: auto;
<div class="col-sm-6">
+
  height: 50px;
<input name="email" type="email" placeholder="Enter your email address..." required />
+
}
</div>
+
 
</div>
+
#theme {
+
  text-align:center;
<textarea name="message" rows="8" cols="40" placeholder="Enter your message here..." required></textarea>
+
  font-size:400%;
 +
text-shadow: 5px 5px 1px #c0c0c0;
 +
}
 +
 
 +
.theme2 {
 +
  text-align:center;
 +
  font-size:270%;
 +
}
 +
 
 +
.theme3 {
 +
  text-align:center;
 +
  font-size:xx-large;
 +
}
 +
 
 +
#index {
 +
  font-size:120%;
 +
  list-style-type:none;
 +
}
 +
 
 +
 
 +
 
 +
#iGEMtop {
 +
  position:absolute;
 +
  top:0px;
 +
  left:5px;
 +
  z-index:0;
 +
text-align:right;
 +
}
 +
 
 +
#center {
 +
  text-align:center;
 +
}
 +
 
 +
#trial  {
 +
    color:#ff3710;
 +
}
 +
 
 +
body
 +
    {margin:0px;         
 +
    padding:0px;
 +
    text-align:center;
 +
background-color:#000000;   
 +
background-image: url(https://static.igem.org/mediawiki/2014/a/ab/Universe12.jpg);
 +
background-repeat: no-repeat;
 +
background-attachment:fixed;
 +
background-size: cover;
 +
 
 +
    }
 +
 
 +
 
 +
#main
 +
    {
 +
    margin-left:auto;   
 +
    margin-right:auto; 
 +
    text-align:left;   
 +
    width:70%; 
 +
background-color:#f0fff0; 
 +
border-radius: 20px;
 +
font-size:16px;
 +
font-family:Calibri;
 
   
 
   
<input name="send" class="btn-c" type="submit" value="SEND" />
 
  
</form>
+
    }
<div id="response"></div>
+
 
 +
ul{font-size:16px;
 +
}
 +
 
 +
.table  {
 +
text-align:center;
 +
border-collapse:collapse;
 +
empty-cells:show;
 +
margin:auto;
 +
 
 +
}
 +
 
 +
 
 +
.abc
 +
{
 +
font-size:large;
 +
font-family:;
 +
background-color:#f0f8ff 
 +
 
 +
}
 +
 
 +
 
 +
.clear
 +
{
 +
clear:both;}
 +
 
 +
.goTop {
 +
  position:fixed;
 +
  bottom:15px;
 +
  right:20px;
 +
  color:white;
 +
  font-size:20px;
 +
  width:150px; 
 +
  }
 +
 
 +
#factory {
 +
  visibility:visible;
 +
  cursor:pointer;
 +
  height:120px;
 +
  width:150px;
 +
  }
 +
 
 +
#mada  {
 +
font-size:500%;
 +
}
 +
 
 +
</style>
 +
<script type="text/javascript">
 +
 
 +
$(function(){
 +
$(".goTop").click(function(){
 +
$("body,html").animate(
 +
{scrollTop:0},800);
 +
return false;
 +
});
 +
});
 +
 
 +
var img = new Array();
 +
 
 +
img[1] = new Image();
 +
img[1].src = "https://static.igem.org/mediawiki/2014/d/d4/Factory1.png";
 +
img[2] = new Image();
 +
img[2].src = "https://static.igem.org/mediawiki/2014/7/70/Factory_go_top.png";
 +
img[3] = new Image();
 +
img[3].src = "https://static.igem.org/mediawiki/2014/b/b3/Factory3.png";
 +
 
 +
var cnt = 1;
 +
 
 +
function imgchangeA(){
 +
cnt=3
 +
document.getElementById("factory").src=img[cnt].src;
 +
$("#factory").css("height","170px");
 +
};
 +
 
 +
function imgchangeB(){
 +
cnt=2
 +
$("#factory").css("height","140px");
 +
document.getElementById("factory").src=img[cnt].src;
 +
};
 +
 
 +
function imgchangeC(){
 +
cnt=1
 +
$("#factory").css("height","120px");
 +
document.getElementById("factory").src=img[cnt].src;
 +
};
 +
 
 +
</script>
 +
</head>
 +
<body>
 +
<a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop"
 +
src="https://static.igem.org/mediawiki/2014/1/1c/IGEMlogo_gifu.png"  height="80px" width="80px" >
 +
</img></a>
 +
<div class="goTop">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" id ="factory" alt="factory1"
 +
onClick="imgchangeA()"
 +
onMouseOver="imgchangeB()"
 +
onMouseOut="imgchangeC()"
 +
></img>
 
</div>
 
</div>
                   
+
</body>
                </div>
+
 
                <!-- /col-md-8 col-sm-8 col-xs-12 -->
+
</p><p>
               
+
<head>
                <!-- /col-md-4 col-sm-4 col-xs-12 -->
+
<meta http-equiv="Content-Script-Type" content="text/javascript">
                <div class="col-md-4 col-sm-4 col-xs-12 animated" data-animation="rollIn" data-animation-delay="200">
+
<meta http-equiv="Content-Script-Type" content="text/css">
               
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
                    <div class="contact-widget">
+
<!--////// test
                   
+
 
                        <i class="fa fa-home"></i>
+
 
                        <p>Avalin Ap, Main St. , Next Blvd. Montreal</p>
+
 
                        <div class="clearfix"></div>
+
 
                        <i class="fa fa-phone"></i>
+
//// test-->
                        <p>Phone: +123 456-789<br> Fax: +123 456-789</p>
+
 
                        <div class="clearfix"></div>
+
 
                        <i class="fa fa-envelope"></i>
+
 
                        <p>Email: info@Yourname.com <br> www.Yourname.com</p>
+
 
                        <div class="clearfix"></div>
+
 
                       
+
<style type="text/css">
                    </div>
+
 
               
+
/*#home{background:url(https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png) fixed;
                </div>
+
width:;
                <!-- /col-md-4 col-sm-4 col-xs-12 -->
+
background-position:center 80%;
           
+
background-repeat:no-repeat;
            <div class="clear"></div>
+
}
+
*/
</section><!-- End Contact Section -->
+
 
<div class="clear"></div>
+
#uroboros {
<!-- Footer Section -->
+
  position:relative;
<section id="footer">
+
  margin-left:auto;
+
  margin-right:auto;
<div class="inner footer">
+
  z-index:1;
+
  }
<!-- Socials Media -->
+
 
<div class="col-xs-12 footer-box animated" data-animation="tada" data-animation-delay="0">
+
#boros {
+
  width:595px;
<!-- Social 1 -->
+
  height:292px;
<a class="footer-links">
+
}
<i class="fa fa-facebook"></i>
+
 
</a>
+
#base{
+
  position:relative;
<!-- Social 2 -->
+
  margin-top:auto;
<a class="footer-links">
+
  margin-left:auto;
<i class="fa fa-twitter"></i>
+
  margin-right:auto;
</a>
+
 height:700px;
+
  width:900px;
<!-- Social 3 -->
+
  z-index:100;
<a class="footer-links">
+
}
<i class="fa fa-google-plus"></i>
+
 
</a>
+
#ribosome{
+
  width:120px;
<!-- Social 4 -->
+
  height:120px;
<a class="footer-links">
+
}
<i class="fa fa-pinterest"></i>
+
 
</a>
+
#rib{
+
  font-size:35px;
<!-- Copyright -->
+
  visibility:hidden;
<p class="footer-text copyright">
+
  color:white;
Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
+
}
</p>
+
 
</div>
+
#stopme{
<div class="clear"></div>
+
  position:absolute;
+
  top:180px;
</div> <!-- End Footer inner -->
+
  left:280px;
+
  z-index:900;
</section><!-- End Footer Section -->
+
  visibility:visible;
+
<!-- JavaScript Files -->
+
 
+
#point{
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
+
  position:absolute;
<script type="text/javascript" src="js/bootstrap.js"></script>
+
  top:200px;
<script type="text/javascript" src="js/jquery.appear.js"></script>
+
  left:450px;
<script type="text/javascript" src="js/waypoints.min.js"></script>
+
  transform: rotate(0 deg);
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
+
  z-index:1000;
<script type="text/javascript" src="js/modernizr-latest.js"></script>
+
}
<script type="text/javascript" src="js/SmoothScroll.js"></script>
+
 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
#menu1 {
<script type="text/javascript" src="js/jquery.superslides.js"></script>
+
  position:absolute;
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
+
  top:10px;
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
+
  left:370px;
<script type="text/javascript" src="js/jquery.sticky.js"></script>
+
  width:100px;
<script type="text/javascript" src="js/jquery.isotope.js"></script>
+
  z-index:10000;
<script type="text/javascript" src="js/scripts.js"></script>
+
<script type="text/javascript" src="js/gmap.js"></script>
+
 
+
#menu2 {
<script type="text/javascript" src="js/toucheffects.js"></script>
+
  position:absolute;
 +
  top:160px;
 +
  left:600px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu3 {
 +
  position:absolute;
 +
  top:410px;
 +
  left:520px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu4 {
 +
  position:absolute;
 +
  top:410px;
 +
  left:240px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu5 {
 +
  position:absolute;
 +
  top:160px;
 +
  left:160px;
 +
  width:120px;
 +
  z-index:10000;
 +
 +
 
 +
#fukidasi1{
 +
  position:absolute;
 +
  top:40px;
 +
  left:245px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
  width:400px;
 +
  height:400px;
 +
}
 +
 
 +
#fukidasi2{
 +
  position:absolute;
 +
  top:140px;
 +
  left:320px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 
 +
#fukidasi3{
 +
  position:absolute;
 +
  top:130px;
 +
  left:330px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 
 +
#fukidasi4{
 +
  position:absolute;
 +
  top:100px;
 +
  left:300px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 
 +
#fukidasi5{
 +
  position:absolute;
 +
  top:150px;
 +
  left:290px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 
 +
.tabs {
 +
    position: relative;
 +
    padding: 0;
 +
  margin-left:auto;   
 +
    margin-right:auto; 
 +
 
 +
}
 +
.tabs li {
 +
    list-style: none;
 +
    display: inline-block;
 +
}
 +
.tabs input[type=radio] {
 +
    display: none;
 +
}
 +
.tabs label {
 +
    display: block;
 +
    cursor: pointer;
 +
    padding: 5px;
 +
    line-height: 20px;
 +
    background-color: #dcdcdc;
 +
    color: #000000;
 +
margin:0;
 +
}
 +
.tabs label:hover {
 +
    background-color: #e0ffff;
 +
    color: #000000;
 +
}
 +
.tabs input[type=radio]:checked + label {
 +
    background-color: #afeeee;
 +
    color: #000000;
 +
}
 +
.tabs .contents {
 +
    display: none;
 +
    position: absolute;
 +
    top:30px;
 +
    left: 0;
 +
    padding: 0px;
 +
    background: #f0f8ff;
 +
}
 +
.tabs input[type=radio]:checked + label + .contents{
 +
    display: block;
 +
}
 +
 
 +
#kouzityuu {
 +
  font-size:500%;
 +
  color:white;
 +
}
 +
</style>
 +
</style>
 +
</head>
 +
 
 +
 
 +
 
 +
 
 +
<head>
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
 +
</head>
 +
<body>
 +
<div id="uroboros">
 +
<img id="boros" src="https://static.igem.org/mediawiki/2014/0/02/Roboros.png"></img>
 +
</div>
 +
<noscript>
 +
<p id="kouzityuu" style="color:white">
 +
Sorry... We use Javascript.</p>
 +
</noscript>
 +
<div id="base">
 +
<img id="rail" src="https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png"></img>
 +
 
 +
<a id="menu1" >
 +
<img src="https://static.igem.org/mediawiki/2014/0/08/Gifu_renew2_Project_.png"  
 +
  onmouseover="javascript:stopmove1()"
 +
  onmouseout="javascript:startmove()"
 +
></img></a>
 +
<a id="menu2"><img src="https://static.igem.org/mediawiki/2014/2/26/Gifu_renew2_NOTE.png"
 +
  onmouseover="javascript:stopmove2()"
 +
  onmouseout="javascript:startmove()"
 +
>
 +
<a id="menu3"><img src="https://static.igem.org/mediawiki/2014/1/13/Gifu_renew2_RESULT.png"
 +
  onmouseover="javascript:stopmove3()"
 +
  onmouseout="javascript:startmove()"
 +
></img></a>
 +
<a id="menu4"><img src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_renew2_MORE.png"
 +
  onmouseover="javascript:stopmove4()"
 +
  onmouseout="javascript:startmove()"
 +
></img></a>
 +
<a id="menu5"><img src="https://static.igem.org/mediawiki/2014/e/e0/Gifu_renew2_TEAM.png"
 +
  onmouseover="javascript:stopmove5()"
 +
  onmouseout="javascript:startmove()"
 +
></img></a>
 +
 
 +
<img id="fukidasi1" src="https://static.igem.org/mediawiki/2014/9/9b/CmRNA_moji2.png" usemap="#projectjump"></img>
 +
<img id="fukidasi2" src="https://static.igem.org/mediawiki/2014/5/5b/Note_moji2.png" usemap="#notejump"></img>
 +
<img id="fukidasi3" src="https://static.igem.org/mediawiki/2014/4/40/Gifu_result_balloon.png" usemap="#resultjump"></img>
 +
<img id="fukidasi4" src="https://static.igem.org/mediawiki/2014/7/71/Gifu_more_balloon.png" usemap="#morejump"></img>
 +
<img id="fukidasi5" src="https://static.igem.org/mediawiki/2014/c/ce/Team_moji2.png" usemap="#teamjump" ></img>
 +
<map name="projectjump">
 +
<area href="https://2014.igem.org/Team:Gifu/Projects/Circular%26RNA" shape="rect" coords="94,136,320,271" alt="project">
 +
</map>
 +
<map name="notejump">
 +
<area href="https://2014.igem.org/Team:Gifu/Protocol" shape="rect" coords="41,64,169,88" alt="protocols">
 +
<area href="https://2014.igem.org/Team:Gifu/Notebook" shape="rect" coords="40,162,152,188" alt="calender">
 +
</map>
 +
<map name="resultjump">
 +
<area href="https://2014.igem.org/Team:Gifu/Parts" shape="rect" coords="70,78,137,99" alt="parts">
 +
<area href="https://2014.igem.org/Team:Gifu/Modeling" shape="rect" coords="86,126,196,146" alt="modeling">
 +
</map>
 +
<map name="morejump">
 +
<area href="https://2014.igem.org/Gifu/discussion-safety" shape="rect" coords="126,45,208,66" alt="safety">
 +
<area href="https://2014.igem.org/Team:Gifu/Judging_Form" shape="rect" coords="22,102,191,127" alt="judging form">
 +
<area href="https://2014.igem.org/Team:Gifu/Human_Practice" shape="rect" coords="29,106,258,181" alt="Policy&amp; Practice">
 +
</map>
 +
<map name="teamjump">
 +
<area href="https://2014.igem.org/Team:Gifu/Members%26Attributions" shape="rect" coords="65,51,267,99" alt="official">
 +
<area href="https://2014.igem.org/Gifu/official_team_profile" shape="rect" coords="62,127,261,174" alt="member">
 +
</map>
 +
 
 +
<img id="stopme" src="https://static.igem.org/mediawiki/2014/5/53/Pleasestopme.png"></img>
 +
 
 +
<div id="point"><p id="rib"></p>
 +
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
 +
</div>
 +
</div>
 +
<script type="text/javascript">
 +
<!--
 +
var r=280;
 +
var rad=0;
 +
var x;
 +
var y;
 +
var circle =document.getElementById("point") ;
 +
var k=90;
 +
var m;
 +
var w;
 +
var t;
 +
 
 +
function spin(){
 +
AAA=setInterval(function(){
 +
 
 +
if(rad==360){rad=0;}
 +
else{rad+=2};
 +
x=r*Math.cos(Math.PI/180*rad);
 +
y=r*Math.sin(Math.PI/180*rad);
 +
circle.style.top=y+180+"px";
 +
circle.style.left=x+390+"px";
 +
 
 +
k+=2;
 +
if(rad==360){k=90};
 +
circle.style.transform="rotate("+k+"deg)";
 +
},7);
 +
};
 +
 
 +
function catching(){
 +
BBB=setInterval(function(){
 +
rad+=2;
 +
if(rad==m){rad-=2,k-=2};
 +
if(rad==360){rad=0};
 +
x=r*Math.cos(Math.PI/180*rad);
 +
y=r*Math.sin(Math.PI/180*rad);
 +
circle.style.top=y+180+"px";
 +
circle.style.left=x+390+"px";
 +
 
 +
if(rad==m){k-=2;}
 +
else{k+=2;};
 +
if(rad==360){k=90};
 +
circle.style.transform="rotate("+k+"deg)";
 +
 
 +
},7);
 +
};
 +
 
 +
function stopmove1(){
 +
clearInterval(AAA);
 +
m=270;
 +
catching();
 +
};
 +
 
 +
function stopmove2(){
 +
clearInterval(AAA);
 +
m=342;
 +
catching();
 +
};
 +
 
 +
function stopmove3(){
 +
clearInterval(AAA);
 +
m=54;
 +
catching();
 +
};
 +
 
 +
function stopmove4(){
 +
clearInterval(AAA);
 +
m=126;
 +
catching();
 +
};
 +
 
 +
function stopmove5(){
 +
clearInterval(AAA);
 +
m=198;
 +
catching();
 +
};
 +
 
 +
function startmove(){
 +
clearInterval(BBB);
 +
spin();
 +
};
 +
 
 +
 
 +
function sakujo(){
 +
setTimeout(function(){
 +
$("#rib").css("visibility","hidden");
 +
},3000);
 +
};
 +
 
 +
$(function(){
 +
$("#menu1").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi1").css("visibility","visible")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
 +
 
 +
$(function(){
 +
$("#menu2").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
 +
 
 +
$(function(){
 +
$("#menu3").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
 +
 
 +
$(function(){
 +
$("#menu4").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
 +
 
 +
$(function(){
 +
$("#menu5").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
});
 +
}); 
 +
 
 +
$(function(){
 +
$("#rail").mouseout(
 +
  function(){
 +
  $("#stopme").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
});
 +
 
 +
 
 +
$(document).ready(function () {
 +
spin()
 +
});
 +
 
 +
 
 +
//-->  
 +
</script>
 +
 
 +
 
 +
 
 +
<p id="space">
 +
</p>
  
<!-- End JavaScript Files -->
 
 
</body>
 
</body>
 +
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 14/1000000
 +
Post-expand include size: 83/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
 +
 +
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:1679-0!1!0!!en!2 and timestamp 20150726104202 -->
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2014.igem.org/Team:Gifu">https://2014.igem.org/Team:Gifu</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
 +
 +
  <!-- Recentchanges is not handles well DEBUG -->
 +
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Gifu"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:Gifu"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 +
 +
 +
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
 +
 +
            <li id="t-print"><a href="/wiki/index.php?title=Team:Gifu&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:Gifu&amp;oldid=329768"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 +
 +
        <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 117.903 secs. --></body>
  
 
</html>
 
</html>

Latest revision as of 13:42, 26 July 2015

Team:Gifu - 2014.igem.org

 

Team:Gifu

From 2014.igem.org

factory1