Difference between revisions of "Team:Mingdao/test6"

(Created page with "<html> <html lang="en"> <style type="text/css"> .container{ z-index: 998; } .botnav { z-index: 999; width: 50vw; height: 15vh; position: absolute; top...")
 
 
(115 intermediate revisions by 4 users not shown)
Line 10: Line 10:
 
z-index: 999;
 
z-index: 999;
 
width: 50vw;
 
width: 50vw;
−
height: 15vh;
+
height: 30vh;
 
position: absolute;
 
position: absolute;
 
         top: 195vh;
 
         top: 195vh;
−
background-color: #f6f8fb;
+
background-color: #e8e6de;
 
}
 
}
  
 
.youtube {
 
.youtube {
−
position: absolute;
+
position: absolute;  
 
z-index: 1000;
 
z-index: 1000;
 
width: 6vh;
 
width: 6vh;
−
bottom: 20%;
+
top: 73%;
−
left: 40%;
+
left: 25%;
 
border-radius: 48%;
 
border-radius: 48%;
 +
        background-color: #FF4500;
 
}
 
}
  
Line 34: Line 35:
 
z-index: 1000;
 
z-index: 1000;
 
width: 6vh;
 
width: 6vh;
−
bottom: 20%;
+
top: 73%;
−
left: 55%;
+
left: 45%;
 
border-radius: 53%;
 
border-radius: 53%;
 +
        background: linear-gradient(to bottom left, #5778f9, #b84cf7, #f2527c, #ffb966, #f738ba);
 
}
 
}
  
Line 50: Line 52:
 
z-index: 1000;
 
z-index: 1000;
 
width: 6vh;
 
width: 6vh;
−
bottom: 20%;
+
top: 73%;
−
left: 70%;
+
left: 65%;
 
border-radius: 50%;
 
border-radius: 50%;
 +
        background-color: #4d6cea;
 
}
 
}
  
 
.fb:hover {
 
.fb:hover {
 
cursor: pointer;
 
cursor: pointer;
−
background-color: #5277c4;
+
background-color: #4d6cea;
 
}
 
}
 
</style>
 
</style>
−
 
−
 
−
 
−
 
−
 
 
                            
 
                            
 
</div>
 
</div>
−
   <section id="footer-sec" style="background-color: #222 !important">
+
   <section id="footer-sec" style="background-color: #2E4053 !important">
 
         <div class="container">
 
         <div class="container">
−
             <div class="row" style="padding-top: 30px;">
+
             <div class="row" style="padding-top: 10px; padding-bottom: 20px ">
 
                 <div class="col-md-3">
 
                 <div class="col-md-3">
−
                     <h4 style="text-align: center">Quote</h4>
+
                     <h2 style="text-align: center">Quote</h2>
−
                     <p><i>&ldquo;<span id="quote"></span>&rdquo;</i></p>
+
                     <p><i><p style="text-align:center"><font color="#ECF0F1  ">&ldquo;<span id="quote"></span>&rdquo;</p></font></i></p>
  
  
 
                 </div>
 
                 </div>
 +
             
 
                 <div class="col-md-3">
 
                 <div class="col-md-3">
−
                     <h4 style="text-align: center"> Useful <strong>Links</strong> </h4>
+
                     <h2 style="text-align: center"> Useful Links</h2>
  
 
<p>
 
<p>
−
<a href="https://igem.org/Special:SpecialPages">
+
               
−
<i class="fa fa-angle-right">
+
                        <a href="http://www.mingdao.edu.tw">
−
</i>
+
                      <p style="text-align:center"> <font color="#ECF0F1  "><font size="3">
−
Special pages
+
                      <i class="fa fa-angle-right" style="font-size:12px;color:red"> </i>      
−
</a>
+
                    Mingdao High School</font></font></p>
 +
      </a>
 +
       
 
     </p>
 
     </p>
 
<p>
 
<p>
 
<a href="https://igem.org/Main_Page">
 
<a href="https://igem.org/Main_Page">
−
<i class="fa fa-angle-right">
+
     
−
</i>
+
                        <p style="text-align:center"> <font color="#ECF0F1  "><font size="3">
−
Main Page
+
                          <i class="fa fa-angle-right" style="font-size:12px;color:red"> </i>      
 +
                          iGEM</font></font></p>
 
</a>
 
</a>
 +
             
 
</p>
 
</p>
 
</div>
 
</div>
 +
 +
 +
 
                 <div class="col-md-3">
 
                 <div class="col-md-3">
−
                     <h2 style="text-align: center" color="##2F4F4F"> Follow us on </h2>
+
                     <h2 style="text-align: center" color="#F0F3F4 "> Follow us on </h2></br>
  
−
     <a href="https://www.youtube.com/channel/UCy54kiB9lqKwSvg9CyeTe6g" target="_blank">
+
<p>
 +
     <a href="https://www.youtube.com/channel/UCaRhx4Mi7XzGwY3J4Pt2YHw" target="_blank">
 
       <img class="youtube" src="https://image.flaticon.com/icons/svg/87/87892.svg" alt="">
 
       <img class="youtube" src="https://image.flaticon.com/icons/svg/87/87892.svg" alt="">
 
     </a>
 
     </a>
Line 113: Line 120:
  
 
                 <div class="col-md-3">
 
                 <div class="col-md-3">
−
                    <h4 style="text-align: center"> Contact us </h4>
+
                              <h2 style="text-align: center" color="#FF8000"> Contact us </h2 >
−
                  <p>
+
                 
−
 
+
             
−
              iGEM-Heidelberg2017<br>@bioquant.uni-heidelberg.de
+
  <p style="text-align:center">
−
              <br>
+
                          <font color="#ECF0F1  ">
−
              <br>
+
                                  <font size="2">
−
<i class="fa fa-map-marker fa-lg">
+
                                <i class="fa fa-map-marker" style="font-size:24px;color:red"> </i>
−
<font size="3">No.497, Sec. 1, Zhongshan Rd., Wuri District, Taichung City 414, Taiwan (R.O.C.)</font>
+
                                Phone: +886-4-23341797</font>
−
+
                          </font> <br />
 +
                          <font color="#ECF0F1  ">
 +
                                <font size="2">
 +
                                <i class="fa fa-map-marker" style="font-size:24px;color:red"> </i>
 +
                                EMAIL: biolab@ms.mingdao.edu.tw  </font>
 +
                          </font> <br />
 +
                          <font color="#ECF0F1  ">
 +
                                  <font size="2">
 +
                                <i class="fa fa-map-marker" style="font-size:24px;color:red"> </i>
 +
                                No.497, Sec. 1, Zhongshan Rd., Wuri District, Taichung City 414, Taiwan (R.O.C.)</font>
 +
                          </font> <br />
 +
                  </p>
 +
     
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 128: Line 147:
  
 
<script>
 
<script>
−
var quotes = ["There's no place like home.<br>--Dorothy",
+
var quotes = ["What I cannot create I do not understand.<br>--Richard Feynman","Human Practices is the study of how your work affects the world, and how the world affects your work.<br>--Peter Carr"  
−
"But man is not made for defeat. A man can be destroyed but not defeated.<br>--Ernest Hemingway",
+
 
−
"I think therefore I am.<br>--Rene Descartes",
+
−
"If you are going through hell, keep going.<br>--Winston Churchill",
+
−
"If you want something said, ask a man; if you want something done, ask a woman.<br>--Margaret Thatcher",
+
−
"The truth will set you free.<br>--the Bible",
+
−
"To be or not to be, that is the question.<br>--William Shakespeare",
+
−
"United we stand, divided we fall.<br>--Aesop",
+
−
"To thine own self, be true.<br>--William Shakespeare",
+
−
"Tis better to have loved and lost than never to have loved at all.<br>--Alfred Lord Tennyson",
+
−
"Eighty percent of success is showing up.<br>--Woody Allen",
+
−
"If you build it, they will come.<br>--Joe Jackson",
+
−
"All that glitters is not gold.<br>--William Shakespeare",
+
−
"Ask, and it shall be given you; seek, and you shall find.<br>--the Bible",
+
−
"What doesn't kill us makes us stronger.<br>--Friedrich Nietzsche",
+
−
"To err is human; to forgive, divine.<br>--Alexander Pope",
+
−
"Ask not what your country can do for you; ask what you can do for your country.<br>--John Kennedy",
+
−
"If at first you don’t succeed, try, try again.<br>--W. E. Hickson",
+
−
"Knowledge is power.<br>--Sir Francis Bacon",
+
−
"Three can keep a secret, if two of them are dead.<br>--Benjamin Franklin",
+
−
"Keep your friends close, but your enemies closer.<br>--Michael Corleone",
+
−
"What we've got here is failure to communicate. Some men you just can't reach.<br>--Captain",
+
−
"You must be the change you wish to see in the world.<br>--Mahatma Ghandi",
+
−
"A rose by any other name would smell as sweet.<br>--William Shakespeare"
+
 
];
 
];
  

Latest revision as of 02:51, 18 October 2018