<head>
   <meta http-equiv="Content-Type" content="text/html; charset=Unicode">
   <meta name="Generator" content="Microsoft Word 97">
   <meta name="Template" content="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot">
   <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
   <title>USEFUL LINKS </title>
   <bgsound src="ff8.mid" loop="-1">
   <style type="text/css">
	a:link {  font-family:  "calibri", "新細明體"; font-size: 10pt; color: #004080; text-decoration: none}
	a:hover {  color: #004080; text-decoration: underline; background-color: #CCCC99}
	a:visited {  text-decoration: none}
	body {  font-family:  "calibri", "新細明體"; font-size: 10pt}
	td {  font-family:  "calibri", "新細明體"; font-size: 10pt}
	input {  font-size: 10pt}
	p {  font-size: 10pt}
	br {  font-size: 10pt}
	tr {  font-size: 10pt}
	table {  font-size: 10pt}
	input{font-size:10pt;background-color:#FFFFFF}




<meta name="viewport" content="width=device-width, initial-scale=1.0">


* {
  box-sizing:border-box;
}

.main {

  padding:20px;
  float:left;
  width:100%;
}


.left1 a {
  background-color:#2196F3;
color: white;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;   /* The width is 10%, by default */
}

.left2 a {
  background-color: blue;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;
color: white;
}

.left3 a {
  background-color:#2196F3;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;
color: white;
}

.left4 a {
  background-color:blue;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;
color: white;
}

.left5 a {
  background-color:#2196F3;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;
color: white;
}



.left6 a{
  background-color:blue;;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;
color: white;
}

.left7 a{
  background-color:#2196F3;
  padding:20px;
  float:left;
  width:10%; 
  text-decoration: none;
color: white;
}


.left1 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
.left2 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
.left3 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
.left4 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
.left5 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
.left6 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
.left7 a:hover {
  background-color:#333333;
  padding:20px;
  text-decoration: none;
    box-shadow: 0px 26px 26px 0px rgba(0,0,0,0.2);
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:1300px) {
  .left1 a, .left2 a, .left3 a, .left4 a, .left5 a, .left6 a, .left7 a {
    width:100%; /* The width is 100%, when the viewport is 1300px or smaller */
    font-size:3vw
  }
@media screen and (max-width:1300px) {
  .main {
    width:100%; 
 font-size:3vw
  }
}

	</style>
</head>

<body link="#0000FF" vlink="#800080" background="bg.gif">

<p align="center">  <font size="4">  <img SRC="atoms.gif" height=30 width=30>        歡迎來到化學的世界 - 丹尼斯烘焙雞 <img SRC="atoms.gif" height=30 width=30></font>
<marquee width="98%" height="20" bgcolor="#00FFFF" scrollamount="3" scrolldelay="40" style="font-size: 10pt; font-weight: bold">Welcome to DennisHomePage@HKUST - 歡迎來到 HKUST丹尼斯烘焙雞 </marquee>
<div class="left1"> <a href="index.htm" >MyHome</a> </div>
<div class="left2"> <a href="hotnews.htm" >HOTNews! </a>  </div>
<div class="left3"> <a href="se.htm" >MySearch</a>    </div>
<div class="left4"> <a href="media.htm" >MyMedia</a>  </div>
<div class="left5"> <a href="profile.htm" >MyKnowledgeTransfer</a>    </div>
<div class="left6"> <a href="syn.htm" >SynChem&Gallery</a> </div>
<div class="left7"> <a href="comb.htm" >CombinatorialChem</a>    </div>  

<br> 

&nbsp;
<p>
<img src="blueline.gif"></font>


<h1> MySEARCH</h1>
<p><img src="blueline.gif"> 
<p align="center"><b><font size="3">Some good search engines:</font></b> 
<table border="2" width="100%">
  <tr>
    <td width="50%" align=center>Baidu 百度 : <p><a href="http://www.baidu.com/" target=_blank><img src="http://www.baidu.com/img/baidu_sylogo1.gif" height=80 width=220 border=1></a></td>
    <td width="50%" align=center>Yahoo! 香港: <p><a href="http://hk.yahoo.com/"  target=_blank><img src="http://hk.yimg.com/i/home/yhk_main.gif" height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="50%" align=center>Sogou 搜狗<p><a href="https://www.sogou.com/"  target=_blank><img src="\pic\sogou_logo.jpg" height=80 width=220 border=1></a></td> 
    <td width="50%" align=center>GOOGLE!  <p><a href="http://www.google.com.hk/"  target=_blank><img src="google.jpg" height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="50%" align=center>SINA 新浪香港 : <p><a href="http://www.sina.com.hk/"  target=_blank><img src=sina.jpg height=80 width=220 border=1></a></td>
    <td width="50%" align=center>BIGLOBE :<P><a href="http://www.biglobe.ne.jp/"  target=_blank><img src="biglobe.gif" height=80 width=220 border=1></a></td>
  </tr>
</table>

<p>

</body> 
 
</html>