|
|
(396 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html> | + | <html lang="en"> |
- | <head>
| + | <head> |
- | <title>Homepage</title>
| + | |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
- | <!-- Bootstrap -->
| + | |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
| + | |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
| + | |
| | | |
- |
| + | <title>Penn iGEM</title> |
- | <style> | + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css--> |
- | /*fonts/headings*/
| + | |
- | h4 {
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | /*Brady Bunch Table*/
| + | |
- | .team {
| + | |
- | float: center;
| + | |
- | margin-left: 200px;
| + | |
- | }
| + | |
| | | |
- | .team td {
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery--> |
- | overflow: hidden;
| + | |
- | height:175px;
| + | |
- | width:220px;
| + | |
- | display: inline-block;
| + | |
- | padding:5px;
| + | |
| | | |
- | }
| + | <script> |
- | | + | $(document).ready(function($) { |
- | .hidden { /*change this class when hovered*/
| + | |
- | display: none;
| + | |
- | }
| + | |
- | .team img {
| + | |
- | max-width:100%;
| + | |
- | max-height:100%;
| + | |
- | }
| + | |
- |
| + | |
- | .name {
| + | |
- | position: absolute;
| + | |
- | margin-bottom: 30px;
| + | |
- | width: 220px;
| + | |
- | height: 0px;
| + | |
- | display: none;
| + | |
- | background-color: white;
| + | |
- | margin-top: -50px;
| + | |
- | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
| + | |
- | filter: alpha(opacity=70);
| + | |
- | -moz-opacity: 0.7;
| + | |
- | -khtml-opacity: 0.7;
| + | |
- | opacity: 0.7;
| + | |
- | }
| + | |
| | | |
- | /*Sections of page*/
| + | $('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
- | .two { | + | }); |
- | height:800px;
| + | </script> |
- | position: relative;
| + | </head> |
- | padding-top: 30px;
| + | |
- | width: 100%;
| + | |
- | background-color: #50393F;
| + | |
- | background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-ZtRJ7Gu1U/photo-8.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
| + | |
- | background-position: 300px -100px;
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-size: 80%;
| + | |
- | background-attachment: fixed;
| + | |
- | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
| + | |
- | filter: alpha(opacity=70); | + | |
- | -moz-opacity: 0.7;
| + | |
- | -khtml-opacity: 0.7;
| + | |
- | opacity: 0.7;
| + | |
- | }
| + | |
- |
| + | |
- | .three {
| + | |
- | /* | + | |
- | no background image for now
| + | |
- | background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8XND1QonMj/Profile%20Photos/coolbluestuff.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");*/
| + | |
- | position: relative;
| + | |
- | text-align: center;
| + | |
- | height:800px;
| + | |
- | width: 100%;
| + | |
- | padding-top: 50px;
| + | |
- | }
| + | |
| | | |
- | /*Position/size hero unit*/ | + | <body> |
- | .hero-unit { | + | <div id = "banner_wrap"> |
- | width: 300px;
| + | <div class = "banner"></div> |
- | float: left;
| + | </div> |
- | margin-left: 50px;
| + | <div id = "nav_holder"> |
- | }
| + | <div class = "nav_wrap"></div> |
| + | </div> |
| + | <div id="text"> |
| + | <div class="textwrap"> |
| + | <br> |
| + | <br><center><a href = 'https://docs.google.com/forms/d/188iefj_j6gBvrHC0IS3rG2zBelaVuy-JddYNN7QF8_Y/viewform'>Interested in joining the team? Submit your application for Penn iGEM 2014 here. </a></center> |
| + | <br> |
| + | <br> |
| + | <center><object width="900" height="506"><param name="movie" value="//www.youtube.com/v/YJQniNpnU9Q?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/YJQniNpnU9Q?version=3&hl=en_US" type="application/x-shockwave-flash" width="800" height="506" allowscriptaccess="always" allowfullscreen="true"></embed></object></center> |
| | | |
- |
| + | <center><TABLE CELLSPACING="10" CELLPADDING="1"> |
- |
| + | |
- |
| + | |
- | /* CUSTOMIZE THE NAVBAR
| + | |
- | -------------------------------------------------- */
| + | |
| | | |
- | /* Special class on .container surrounding .navbar, used for positioning it into place. */
| + | <TR> |
- | .navbar-wrapper {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | left: 0;
| + | |
- | right: 0;
| + | |
- | z-index: 10;
| + | |
- | margin-top: 20px;
| + | |
- | margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
| + | |
- | }
| + | |
- | .navbar-wrapper .navbar {
| + | |
| | | |
- | }
| + | <TD ALIGN = "center" width='240'> <TABLE |
| + | style="border:10px inset #CF8035;"> |
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/MaGellinToolbox'><IMG SRC="http://farm6.staticflickr.com/5523/10529365546_355d2fe7fc.jpg" width="240" height="auto"></a></TD></TR> |
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/MaGellinToolbox'>Constructed a toolbox for developing site-specific DNA methylases</a></TD> |
| | | |
- | /* Remove border and change up box shadow for more contrast */
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | .navbar .navbar-inner {
| + | style="border:10px inset #099240;"> |
- | border: 0;
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/AssayOverview'><IMG SRC="http://farm3.staticflickr.com/2836/10529350575_dfb38e3538.jpg" width="240" height="auto"></a></TD></TR> |
- | -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/AssayOverview'>Created a standardized assay for site-specific methylases</a></TD> |
- | -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
| + | |
- | box-shadow: 0 2px 10px rgba(0,0,0,.25);
| + | |
- | }
| + | |
| | | |
- | /* Downsize the brand/project name a bit */
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | .navbar .brand {
| + | style="border:10px inset #2D68B6;"> |
- | padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Software'><IMG SRC="http://farm4.staticflickr.com/3742/10529401844_cc5f713a48.jpg" width="240" height="auto"></a></TD></TR> |
- | font-size: 16px;
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/Software'>Developed software to automate analysis of our assay</a></TD> |
- | font-weight: bold;
| + | |
- | text-shadow: 0 -1px 0 rgba(0,0,0,.5);
| + | |
- | }
| + | |
| | | |
- | /* Navbar links: increase padding for taller navbar */
| + | </TR> |
- | .navbar .nav > li > a {
| + | |
- | padding: 15px 20px;
| + | |
- | }
| + | |
| | | |
- | /* Offset the responsive button for proper vertical alignment */
| + | <TR> |
- | .navbar .btn-navbar {
| + | |
- | margin-top: 10px;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- |
| + | |
- |
| + | |
- | <div class="navbar-wrapper">
| + | |
- | <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
| + | |
- | <div class="container">
| + | |
| | | |
- | <div class="navbar navbar-inverse">
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | <div class="navbar-inner">
| + | style="border:10px inset #1F135B;"> |
- | <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/MethylaseOverview'><IMG SRC="http://farm6.staticflickr.com/5478/10529350195_2c54c496e5.jpg" width="240" height="auto"></a></TD></TR> |
- | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/MethylaseOverview'>Designed and characterized a novel TALE-methylase fusion protein</a> <br></TD> |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | </button>
| + | |
- | <a class="brand" href="#">Penn's iGEM Team</a>
| + | |
- | <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
| + | |
- | <div class="nav-collapse collapse">
| + | |
- | <ul class="nav">
| + | |
- | <li class="active"><a href="2013.igem.org/Team:Penn">Home</a></li>
| + | |
- | <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
| + | |
- | <li class="dropdown">
| + | |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- | <li><a id="team">Team</a></li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Sponsors">Sponsors</a></li>
| + | |
- | <li><a href="https://igem.org/Team.cgi?year=2013">Official Team Profile</a></li>
| + | |
- | <!--<li class="divider"></li>
| + | |
- | <li class="nav-header">Nav header</li>
| + | |
- | <li><a href="#">Separated link</a></li>
| + | |
- | <li><a href="#">One more separated link</a></li>-->
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Project">Project</a></li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Outreach">Outreach</a></li>
| + | |
- | <li class="dropdown">
| + | |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">In the Lab <b class="caret"></b></a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- |
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Parts">Parts</a></li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Modeling">Modeling</a></li>
| + | |
- | <li><a href="2013.igem.org/Team:Penn/Safety">Safety</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div><!--/.nav-collapse -->
| + | |
- | </div><!-- /.navbar-inner -->
| + | |
- | </div><!-- /.navbar -->
| + | |
| | | |
- | </div> <!-- /.container -->
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | </div><!-- /.navbar-wrapper -->
| + | style="border:10px inset #F61F27;"> |
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/hpoverview'><IMG SRC="http://farm4.staticflickr.com/3670/10529586493_833c6216ee.jpg" width="240" height="auto"></a></TD></TR> |
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/hpoverview'>Introduced synthetic biology to the community</a></TD> |
| | | |
- |
| + | <TD ALIGN = "center" width='240'> <TABLE |
- |
| + | style="border:10px inset #ED115B;"> |
- |
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Too_Soon_To_Treat'><IMG SRC="http://farm4.staticflickr.com/3815/10529365086_82d164e2b1.jpg" width="240" height="auto"></a></TD></TR> |
- |
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/Too_Soon_To_Treat'>Published an article on the ethics of epigenetic engineering</a></TD> |
- |
| + | |
- | <div id="myCarousel" class="carousel slide">
| + | </TR> |
- | <div class="carousel-inner">
| + | |
- | <div class="item active">
| + | <TR> |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/" alt="">
| + | |
- | <div class="container">
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | <div class="carousel-caption">
| + | style="border:10px inset #099240;"> |
- | <h1>Hello and Welcome!</h1>
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Team'><IMG SRC="http://farm6.staticflickr.com/5533/10529401504_677c4f296a.jpg" width="240" height="auto"></a></TD></TR> |
- | <p class="lead">Welcome to Penn's iGEM team wiki! </p>
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/Team'>Our team</a> <br> <br> <br></TD> |
- | <a id="team" class="btn btn-large btn-primary" href="#three">Meet the Team</a>
| + | |
- | </div>
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | </div>
| + | style="border:10px inset #2D68B6;"> |
- | </div>
| + | <TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Achievements'><IMG SRC="http://farm4.staticflickr.com/3739/10529350025_2db22731e9.jpg" width="240" height="auto"></a></TD></TR> |
- | <div class="item">
| + | </TABLE><br><a href='https://2013.igem.org/Team:Penn/Achievements'>Grand Prize Winner, North America<br>Best Experimental Measurement Approach, North America</a></TD> |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzEWHBpYXpOcFRBcGc/" alt="">
| + | |
- | <div class="container">
| + | |
- | <div class="carousel-caption">
| + | <TD ALIGN = "center" width='240'> <TABLE |
- | <h1>Project</h1>
| + | style="border:10px inset #CF8035;"> |
- | <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | <TR><TD ALIGN="center"><a href='http://articles.philly.com/2013-11-27/news/44490110_1_synthetic-biology-research-project-international-genetically-engineered-machine'><IMG SRC="http://farm8.staticflickr.com/7397/10529350205_c12e2cd367.jpg" width="240" height="auto"></a></TD></TR> |
- | <a class="btn btn-large btn-primary" href="2013.igem.org/Team:Penn/Project">Our Project</a>
| + | </TABLE><br><a href='http://articles.philly.com/2013-11-27/news/44490110_1_synthetic-biology-research-project-international-genetically-engineered-machine'>Featured in a Philadelphia Inquirer article</a> <br> <br> <br></TD> |
- | </div>
| + | |
- | </div>
| + | </TR> |
- | </div>
| + | |
- | <div class="item">
| + | |
- | <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/_mMloYB8xM/Discovery%20Day%20Clark%20Park/IMG_2061.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" alt="">
| + | </TABLE></center> |
- | <div class="container">
| + | |
- | <div class="carousel-caption">
| + | |
- | <h1>Outreach</h1>
| + | |
- | <p class="lead">Learn more about what Penn's iGEM team is doing in the community. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | |
- | <a class="btn btn-large btn-primary" href="2013.igem.org/Team:Outreach">More Outreach</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
| + | |
- | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
| + | |
- | </div><!-- /.carousel -->
| + | |
- |
| + | |
- | <!--Overview-->
| + | |
- | <div class="two">
| + | |
- |
| + | |
- | <div class="hero-unit">
| + | |
- | <h1>The project</h1>
| + | |
- | <p>A brief overview</p>
| + | |
- | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
| + | |
- | <a class="btn btn-primary btn-large">
| + | |
- | Learn more
| + | |
- | </a>
| + | |
- | </p>
| + | |
| </div> | | </div> |
| </div> | | </div> |
- |
| |
- | <!--Team stuff-->
| |
- | <div class="three">
| |
- | <h2>Meet the Bunch</h2>
| |
- | <table class="team" cellpadding="5">
| |
- | <tr>
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEbXRKT3lpN1VQaHc"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/>
| |
- | <div class="name"><h4></h4></div></td>
| |
- |
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzESzZjdGhVVWY3TWc"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/>
| |
- | <div class="name"><h4></h4></div></td>
| |
- |
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEU25rV1dHYm1Falk"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEU3VZUnNOdWFqYVE"/>
| |
- | <div class="name"><h4></h4></div></td>
| |
- | </tr>
| |
- | <tr>
| |
- |
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEYUtVa3BNSHQ4dTg"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/">
| |
- | <div class="name"><h4>Daniel</h4></div></td>
| |
- |
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/>
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVm5ET0R1QndIRVU"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/>
| |
- | <div class="name"><h4>Mahamad</h4></div></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzERzdYWHVkZWxSS2c"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/>
| |
- | <div class="name"><h4>Josh</h4></div></td>
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOHViLXJJMjVuWTg"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/>
| |
- | <div class="name"><h4></h4></div>
| |
- | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U"/>
| |
- | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzET2NBWmlOLVMtaVE">
| |
- | <div class="name"><h4>Spencer</h4></div></td>
| |
- | </tr>
| |
- | </table>
| |
- | <h4>Photos by Erica Sachse</h4>
| |
| | | |
- |
| + | <div id ="pagefooter"> |
- |
| + | <br> |
- |
| + | <br> |
- |
| + | <center><a href = "https://2013.igem.org/Team:Penn"> Home </a> <a href = "https://static.igem.org/mediawiki/2013/e/e5/Spec_Sheet.pdf" >Spec Sheet</a> <a href = "https://2013.igem.org/Team:Penn/sitemap" >Sitemap</a> |
- |
| + | </center> |
- |
| + | <br> |
- |
| + | Penn iGem © 2013 |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
| + | </div> |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
| + | |
- |
| + | </body> |
- | <script src="../assets/js/jquery.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-transition.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-alert.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-modal.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-dropdown.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-scrollspy.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-tab.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-tooltip.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-popover.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-button.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-collapse.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-carousel.js"></script>
| + | |
- | <script src="../assets/js/bootstrap-typeahead.js"></script>
| + | |
- | <script>
| + | |
- | !function ($) {
| + | |
- | $(function(){
| + | |
- | // carousel demo
| + | |
- | $('#myCarousel').carousel()
| + | |
- |
| + | |
- | $('html, body').animate({
| + | |
- | scrollTop: $(".one").offset().top,
| + | |
- | }, '2400');
| + | |
- | });
| + | |
- |
| + | |
- | $("#two").click(function() {
| + | |
- | $('html, body').animate({
| + | |
- | scrollTop: $(".two").offset().top,
| + | |
- | }, '2400');
| + | |
- | });
| + | |
- |
| + | |
- | $("#three, #team").click(function() {
| + | |
- | $('html, body').animate({
| + | |
- | scrollTop: $(".team").offset().top,
| + | |
- | }, '2400');
| + | |
- | });
| + | |
- |
| + | |
- | $(".team tr td").mouseenter(function(){
| + | |
- | $(this).children(":first").toggleClass("hidden");
| + | |
- | $(this).children(":nth-child(2)").toggleClass("hidden");
| + | |
- |
| + | |
- |
| + | |
- | });
| + | |
- |
| + | |
- | $(".team tr td").mouseenter(function(){
| + | |
- | $(this).children(":nth-child(3)").show();
| + | |
- | $(this).children(":nth-child(3)").animate({
| + | |
- | height: '50px',
| + | |
- | display: 'inline-block'
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
- |
| + | |
- |
| + | |
- | $(".team tr td").mouseleave(function(){
| + | |
- | $(this).children(":nth-child(2)").toggleClass("hidden");
| + | |
- | $(this).children(":first").toggleClass("hidden");
| + | |
- | $(this).children(":nth-child(3)").css("height","0px");
| + | |
- | $(this).children(":nth-child(3)").hide();
| + | |
- |
| + | |
- | });
| + | |
- | }(window.jQuery)
| + | |
- | </script>
| + | |
- | <script src="../assets/js/holder/holder.js"></script>
| + | |
- | </body>
| + | |
| </html> | | </html> |