Difference between revisions of "Team:HebrewU/Model"

Line 54: Line 54:
 
}
 
}
  
−
#panel, #flip_experts #panel_industry {
+
 
−
    padding: 5px;
+
body {
−
    text-align: center;
+
background-color:blue-gray;
 +
 
}
 
}
  
−
#panel panel_industry{
+
.w3-container li {
−
    padding: 50px;
+
padding-left:60px;
−
    display: none;
+
font-size:130%;
 +
line-height:30px;
 +
 
}
 
}
 +
 +
.w3-container h5 {
 +
padding-left:60px;
 +
font-size:130%;
 +
line-height:25px;
 +
 +
}
 +
 +
 +
 +
.huji_card {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
 +
  max-width: 300px;
 +
  margin: 10px;
 +
  text-align:center;
 +
  font: 16px Calibri, Calibri;
 +
  background-color:#FCFBF8;
 +
  display: inline-block;
 +
  box-sizing:border-box ;
 +
  float:left;
 +
}
 +
 +
 +
.huji_cardtitle {
 +
  color: grey;
 +
  font: 18px Calibri, Calibri;
 +
 +
}
 +
 +
stats_button {
 +
  border: none;
 +
  outline: 0;
 +
  display: inline-block;
 +
  color: white;
 +
  background-color: black;
 +
  text-align: center;
 +
  cursor: pointer;
 +
  width: 40%;
 +
  font: 20px Calibri, Calibri;
 +
  padding-left:0px;
 +
  opacity:0.9;
 +
  float:left;   
 +
 +
}
 +
 +
.linkdin_button {
 +
  text-decoration: none;
 +
  margin: -1em;
 +
  display:inline-block;
 +
  z-index: -1;
 +
 +
 
 +
 +
}
 +
 +
.huji_stat_title {
 +
  width: 290px;
 +
      color: white;
 +
      font: 16px Calibri, Calibri;
 +
      background-color: black;
 +
  text-align:left;
 +
  padding-left:2px;
 +
  opacity:0.9;
 +
  padding:5px;
 +
 +
}
 +
 +
 +
.huji_stat_job {
 +
  width: 290px;
 +
      color: white;
 +
      font: 16px Calibri, Calibri;
 +
      background-color: black;
 +
  text-align: center;
 +
  padding-left:2px;
 +
  opacity:0.8;
 +
  padding:5px;
 +
 +
}
 +
 +
.huji_stat_content {
 +
  width: 280px;
 +
      color: black;
 +
      background-color: #FCFBF8;
 +
  border-color:black;
 +
  font: 16px Calibri, Calibri;
 +
  text-align:left;
 +
  opacity:0.9;
 +
 +
}
 +
 +
 +
.dropup {
 +
 +
  float:left;
 +
  width: 400px;
 +
}
 +
 +
stats_button:hover, a:hover {
 +
  opacity: 0.7;
 +
}
 +
 +
.flip-box {
 +
  width: 300px;
 +
  height: 200px;
 +
  perspective: 1000px;
 +
  margin-top:-10px;
 +
}
 +
 +
.flip-box-inner {
 +
  position: relative;
 +
  width: 100%;
 +
  height: 100%;
 +
  text-align: center;
 +
  transition: transform 0.8s;
 +
  transform-style: preserve-3d;
 +
}
 +
 +
.flip-box:hover .flip-box-inner {
 +
  transform: rotateY(180deg);
 +
}
 +
 +
.flip-box-front, .flip-box-back {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  backface-visibility: hidden;
 +
}
 +
 +
.flip-box-front {
 +
  background-color: #bbb;
 +
  color: black;
 +
}
 +
 +
.flip-box-back {
 +
  background-color: #555;
 +
  color: white;
 +
  transform: rotateY(180deg);
 +
}
 +
 +
 +
 +
 +
@media (max-width: 1000px) {
 +
    .fixed {
 +
    display: none;
 +
    }
 +
 +
.ulogo { display:none; }
 +
}
 +
 +
.social_huji img {
 +
padding:5px;
 +
}
 +
  
 
body {
 
body {
−
background-color:teal;
+
background-color:blue-gray;
 
 
 
}
 
}
−
</style>
 
  
−
<script>
+
h1{
−
function myFunction() {
+
color:black;
−
    var x = document.getElementById("Industry_display");
+
−
    if (x.className.indexOf("w3-show") == -1) {
+
−
        x.className += " w3-show";
+
−
    } else {
+
−
        x.className = x.className.replace(" w3-show", "");
+
−
    }
+
 
}
 
}
−
</script>
 
  
−
<script>
+
p {
−
function myFunction_2() {
+
color:black;
−
    var x = document.getElementById("Interviews_display");
+
−
    if (x.className.indexOf("w3-show") == -1) {
+
−
        x.className += " w3-show";
+
−
    } else {
+
−
        x.className = x.className.replace(" w3-show", "");
+
−
    }
+
 
}
 
}
−
</script>
+
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
  
 
<body>
 
<body>
−
<div class="w3-teal">
+
<div class="w3-dark-grey">
 
<ul id="ddmenu_hebrewu">
 
<ul id="ddmenu_hebrewu">
 
             <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
 
             <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
Line 114: Line 265:
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">Moolti</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Software">Moolti</a></li>
  
 
         </ul>         
 
         </ul>         
Line 143: Line 294:
 
         <ul>
 
         <ul>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Attributions">Attributions</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Attributionss">Attributions</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
Line 196: Line 347:
 
         <div class="huji_small_navbar_panel">
 
         <div class="huji_small_navbar_panel">
 
             <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
−
             <a href="https://2018.igem.org/Team:HebrewU/Attributions"><button class="b_huji_small_subnav">Attributions</button></a>
+
             <a href="https://2018.igem.org/Team:HebrewU/Attributionsn"><button class="b_huji_small_subnav">Attributions</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
 
             <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
Line 232: Line 383:
 
     }
 
     }
 
     </script>
 
     </script>
−
<!------------ HP start ------------->
+
<div class="w3-blue-gray">
 +
</div>
 +
<br /><br />
 +
<!--- Page content start --->
 +
<div class="w3-quarter w3-center w3-blue-gray" style="padding:6% 0;">
 +
button
 +
</div>
 +
<div class="w3-half w3-center  w3-blue-gray">
 +
<img src="https://static.igem.org/mediawiki/2018/f/fb/T--hebrewu--model1.jpeg" style="height:35%">
 +
</div>
 +
<div class="w3-quarter w3-center w3-blue-gray" style="height:35%">
 +
button
 +
</div>
  
−
<br /> <br />
 
  
−
<!-- Header -->
+
<div class="w3-blue-gray">
−
<header class="w3-container w3-teal w3-center" style="padding-bottom:60px">
+
<div class="w3-twothird w3-center">
−
  <h1 class="w3-margin w3-jumbo">Model</h1>
+
image 2
−
  <h5 class="w3" style="padding-left:10%;padding-right:10%">Page will be up soon!  </h5>
+
</div>
−
  <a href="#reg_main_toggle"><button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Global aspects</button> </a>
+
<div class="w3-third w3-center">
−
    <a href="#public_main_toggle"><button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Public engagment</button></a> <br /> <br />
+
image
−
    <h5 class="w3" style="padding-left:10%;padding-right:10%">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </h5>
+
−
</header>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!-- First Grid -->
+
−
<div id="reg_main_toggle" class="w3-row-padding w3-padding-64 w3-dark-grey w3-container">
+
−
  <div class="w3-content">
+
−
    <div class="w3-twothird">
+
−
      <h1>Title 1</h1>
+
−
      <h5 class="w3-padding-32"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br />
+
−
<br /> <br />
+
−
 
+
−
    </div>
+
 
</div>
 
</div>
  
−
 
+
<div class="w3-third w3-center">
 +
button
 +
</div>
 +
<div class="w3-twothird w3-center">
 +
image
 +
</div>
 +
<div class="w3-blue-gray">
 +
<div class="w3-twothird w3-center">
 +
image 2
 +
</div>
 +
<div class="w3-third w3-center">
 +
image
 +
</div>
 
</div>
 
</div>
  
  
  
 +
 +
</div>
 +
 
 +
   
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 18:24, 11 October 2018

HebrewU HujiGEM 2018



button
button
image 2
image
button
image
image 2
image