-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (86 loc) · 3.92 KB
/
index.html
1
<!DOCTYPE html><!-- <style type="text/css"></style> --><html><head> <link href='./Css/style.css' rel='stylesheet' type='text/css'> <link href="./Css/owl.carousel.css" rel='stylesheet' type='text/css'> <link href= "./Css/owl.theme.css" rel='stylesheet' type='text/css'> <!-- <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'> --> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"> <title>Hello! I am Kary!</title></head><body> <div style="float:left"> <img src="./Photo/logospin.gif" style="width: 55px; height: 57.2px;"> <i id="actext"><font size="6">Welcome to </font> <font size="6"> <b>Kary Ng's Home Page</b></font></i> </div> <div valign="top" align="right" style="float:right"> <i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <label id="time"><!-- time --></label> </div> <hr style="clear:both;"> <div id="part1"> <!-- *** HOMEPAGE CAROUSEL 相册*** _________________________________________________________ --> <div class="home-carousel" style="width:550px;float:left;border:10px dashed #000"> <div class="container"> <div id="owl-example" class="homepage owl-carousel"> <!-- >O< 一 --> <div class="item" align="center"> <img class="img-responsive" src="./Photo/1.jpg" alt=""> </div> <!-- >O< 二 --> <div class="item" align="center"> <img class="img-responsive" src="./Photo/2.jpg" alt=""> </div> <!-- >O< 三 --> <div class="item" align="center"> <img class="img-responsive" src="./Photo/3.jpg" alt=""> </div> <!-- >O< 四--> </div> <!-- /.project owl-slider --> </div> </div> <!-- *** HOMEPAGE CAROUSEL END *** --> <div style="width:400px;float:left;padding-left:30px;font-family:Agency FB; font-size:20px;"> <label>FTP Homepage Service guideline:<br></label> <table id="shake" border="1"> <tr class="tbTitle"> <th>Name</th><th>Link</th> </tr> <tr class="tbContext"> <i class="fa fa-hand-o-right" aria-hidden="true"></i>Personal Homepage Service <td>Personal Homepage Service</td> <td><a href="http://csc.ipm.edu.mo/index.php/web-services/personal-webpage" target="_blank">Click!</a></td> </tr> <tr class="tbContext"> <td>Personal Homepage Service FAQ</td> <td><a href="http://csc.ipm.edu.mo/index.php/component/content/article/16-faq/26-faq-webpage" target="_blank">Click!</a></td> </tr> <tr> <td colspan="2" align="center"><a href="http://pan.baidu.com/s/1qXSR5Cw" target="_blank"> <i class="fa fa-download" aria-hidden="true"></i> Click to download the FTP software!</a> </td> </tr> </table> <br> <i class="fa fa-hand-o-right" aria-hidden="true"></i>Github homepage:<a href="https://github.com/dcuti8" target="_blank">https://github.com/dcuti8</a> </div></div><br style="clear:both;"><hr style="clear:both;"><div align="center"><font color="#8A2BE2" size="7" face="French Script MT">Under Construction ...</font></div></body> <script src="./Scripts/blink.js"></script> <script src="./Scripts/jquery-1.11.0.min.js"></script> <script src="./Scripts/owl.carousel.js"></script> <script src="./Scripts/jquery.cookie.js"></script> <script src="./Scripts/front.js"></script> <script> setInterval("document.getElementById('time').innerHTML = new Date().toLocaleString();", 1000); </script></html>