(84 intermediate revisions by 3 users not shown) | |||
Line 10: | Line 10: | ||
z-index: 999; | z-index: 999; | ||
width: 50vw; | width: 50vw; | ||
− | height: | + | height: 30vh; |
position: absolute; | position: absolute; | ||
top: 195vh; | top: 195vh; | ||
Line 20: | Line 20: | ||
z-index: 1000; | z-index: 1000; | ||
width: 6vh; | width: 6vh; | ||
− | top: | + | top: 73%; |
− | left: | + | 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; | ||
− | top: | + | top: 73%; |
− | left: | + | 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; | ||
− | top: | + | top: 73%; |
− | left: | + | left: 65%; |
border-radius: 50%; | border-radius: 50%; | ||
+ | background-color: #4d6cea; | ||
} | } | ||
.fb:hover { | .fb:hover { | ||
cursor: pointer; | cursor: pointer; | ||
− | background-color: # | + | background-color: #4d6cea; |
} | } | ||
</style> | </style> | ||
Line 64: | Line 67: | ||
<section id="footer-sec" style="background-color: #2E4053 !important"> | <section id="footer-sec" style="background-color: #2E4053 !important"> | ||
<div class="container"> | <div class="container"> | ||
− | <div class="row" style="padding-top: 10px;"> | + | <div class="row" style="padding-top: 10px; padding-bottom: 20px "> |
<div class="col-md-3"> | <div class="col-md-3"> | ||
<h2 style="text-align: center">Quote</h2> | <h2 style="text-align: center">Quote</h2> | ||
− | <p><i>“<span id="quote"></span>”</i></p> | + | <p><i><p style="text-align:center"><font color="#ECF0F1 ">“<span id="quote"></span>”</p></font></i></p> |
Line 76: | Line 79: | ||
<p> | <p> | ||
− | + | ||
− | + | <a href="http://www.mingdao.edu.tw"> | |
− | + | <p style="text-align:center"> <font color="#ECF0F1 "><font size="3"> | |
− | + | <i class="fa fa-angle-right" style="font-size:12px;color:red"> </i> | |
− | + | 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"> | ||
− | + | ||
− | + | <p style="text-align:center"> <font color="#ECF0F1 "><font size="3"> | |
− | + | <i class="fa fa-angle-right" style="font-size:12px;color:red"> </i> | |
+ | iGEM</font></font></p> | ||
</a> | </a> | ||
+ | |||
</p> | </p> | ||
</div> | </div> | ||
Line 94: | Line 101: | ||
<div class="col-md-3"> | <div class="col-md-3"> | ||
− | <h2 style="text-align: center" color="#F0F3F4 "> Follow us on </h2> | + | <h2 style="text-align: center" color="#F0F3F4 "> Follow us on </h2></br> |
+ | |||
<p> | <p> | ||
− | + | <a href="https://www.youtube.com/channel/UCaRhx4Mi7XzGwY3J4Pt2YHw" target="_blank"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href="https://www.youtube.com/channel/ | + | |
<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 117: | Line 120: | ||
<div class="col-md-3"> | <div class="col-md-3"> | ||
− | + | <h2 style="text-align: center" color="#FF8000"> Contact us </h2 > | |
− | <p style="text-align: | + | |
− | + | ||
− | + | <p style="text-align:center"> | |
− | + | <font color="#ECF0F1 "> | |
− | + | <font size="2"> | |
− | + | <i class="fa fa-map-marker" style="font-size:24px;color:red"> </i> | |
+ | Phone: +886-4-23341797</font> | ||
+ | </font> <br /> | ||
<font color="#ECF0F1 "> | <font color="#ECF0F1 "> | ||
− | <font size="2">No.497, Sec. 1, Zhongshan Rd., Wuri District, Taichung City 414, Taiwan (R.O.C.)</font> | + | <font size="2"> |
− | </font> | + | <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> | </p> | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 135: | Line 147: | ||
<script> | <script> | ||
− | var quotes = [" | + | 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" |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | " | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
]; | ]; | ||
Latest revision as of 02:51, 18 October 2018