Difference between revisions of "Team:MSU-Michigan/Test"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 +
{{BostonU_we_tryin}}
 
<html>
 
<html>
−
 
+
<style>
 +
 
 +
#sideMenu, #top_title {display:none;}
 +
body {background-color:white; }
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
body {
 +
min-width:1200px;
 +
}
 +
 
 +
#one {
 +
position:absolute;
 +
left:10%;
 +
width:80%;
 +
}
 +
 
 +
#two {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#three {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#four {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#five {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#six {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#container {
 +
width:100%;
 +
height:600px;
 +
position:absolute;
 +
overflow:hidden;
 +
}
 +
 
 +
#button {
 +
position:absolute;
 +
top:500px;
 +
left:90%;
 +
}
 +
 
 +
#button:hover, #buttontwo:hover, #buttontwotwo:hover, buttonthree:hover {
 +
transform:scale(1.2);
 +
}
 +
 
 +
#buttonname, #buttonnamewhat {
 +
width:12vw;
 +
height:5vw;
 +
color:#0071A7;
 +
text-align:center;
 +
font-size:175%;
 +
position:absolute;
 +
top:450px;
 +
left:85%;
 +
}
 +
 
 +
#buttontwo {
 +
position:absolute;
 +
top:438px;
 +
left:80%;
 +
 
 +
}
 +
 
 +
#buttonnametwo {
 +
width:12vw;
 +
height:5vw;
 +
color:#bd162a;
 +
text-align:center;
 +
font-size:175%;
 +
position:absolute;
 +
top:383px;
 +
left:75.5%;
 +
}
 +
 
 +
#buttontwotwo {
 +
position:absolute;
 +
top:290px;
 +
left:80%;
 +
 
 +
}
 +
 
 +
#buttonnametwotwo {
 +
width:12vw;
 +
height:5vw;
 +
color:#bd162a;
 +
text-align:center;
 +
font-size:175%;
 +
position:absolute;
 +
top:240px;
 +
left:75.5%;
 +
}
 +
 
 +
#buttonthree:hover {
 +
transform:scale(1.2)
 +
}
 +
 
 +
#media {
 +
background-color:white;
 +
}
 +
 
 +
#twit, #face, #snap, #email {
 +
width:100px;
 +
height:100px;
 +
padding: 30px;
 +
}
 +
 
 +
#twit:hover, #face:hover, #snap:hover, #email:hover {
 +
transform:scale(1.5)
 +
}
 +
 
 +
.secret {
 +
opacity:0;
 +
background-color:red;
 +
cursor:crosshair;
 +
}
 +
 
 +
#buttonnamewhat {
 +
color:#760E18;}
 +
 
 +
</style>
 +
 
 +
<body>
 
<br><br>
 
<br><br>
 
<div id = "media">
 
<div id = "media">
Line 152: Line 288:
 
       });
 
       });
 
   });
 
   });
−
</script>
+
</script>
−
<head>
+
−
        <!-- slick CSS -->
+
−
        <meta charset="UTF-8">
+
−
        <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
+
−
        <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
+
−
    </head>
+
−
    <body>
+
−
        <style>
+
−
            body {
+
−
                background: #777;
+
−
            }
+
−
            div.slider {
+
−
                width: 1000px;
+
−
                height: 500px;
+
−
                background: #fff;
+
−
                margin: 100px auto;
+
−
            }
+
−
            img.slider {
+
−
                width: 100%;
+
−
                height: 100%;
+
−
            }
+
−
          .slick-arrow::before {
+
−
                color: #00274C;
+
−
            }
+
−
        </style>
+
−
        <div class="slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "dots": true}'>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/7/75/AptapaperLogo.jpg"></div>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/6/65/Proximity-Dependent_Ligation_Diagram.png"></div>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/b/b7/MSBT_Expression_Diagram.png"></div>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/7/75/AptapaperLogo.jpg"></div>
+
−
        </div>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
−
        <!--jQuery-->
+
−
        <!--<script src="/components/jquery-1.12.3.min.js"></script>-->
+
−
        <!--Slick-->
+
−
        <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
+
−
        <!-- Applying slick to our div -->
+
−
        <script>
+
−
            $('.slider').slick({
+
−
            autoplay: true,
+
−
            fade: false});
+
−
 
+
−
        </script>
+
−
    </body>
+
 
</html>
 
</html>

Latest revision as of 00:54, 2 November 2017

Template:BostonU we tryin

Contact us: