<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=big5">
   <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: "cambria", "細明體", "serif"; 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: "cambria","細明體", "serif"; font-size: 10pt}
	td {  font-family: "cambria","細明體", "serif"; 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 align="center">
<img src="blueline.gif"></font>


<p align="center"><blink> <font size="4"><b> MY MEDIA</b></font></blink> 
<p align="center"><img src="blueline.gif"> 


<hr>

<p align="center"><b><font size="3">Local News and Media</font></b> 
<table border="2" width="100%">
  <tr>
    <td width="33%" align=center>HK 01 : <P><a href="https://www.hk01.com/" target=_blank><img src="https://cdn.hk01.com/assets/images/logo.png" height=80 width=220 border=1 alt=©ú³ø·s»Dºô></a></td>
    <td width="33%" align=center>RTHK NEWS : <p><a href="http://news.rthk.hk/rthk/ch/" target=_blank><img src="http://newsstatic.rthk.hk/frontend_images/images/st_tyneo/RTHK-logo.png" height=80 width=220 border=1></a></td>
    <td width="34%" align=center>ªF¤è¤é³ø : <p><a href="http://orientaldaily.on.cc/" target=_blank><img src="http://orientaldaily.on.cc/img/v2/logo_odn.png" height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="33%" align=center>星島日報<p><a href="http://www.singtao.com/" target=_blank><img src=pic/singtao.gif height=80 width=220 border=1></a></td>
    <td width="33%" align=center>大公報<p><a href="http://www.takungpao.com/" target=_blank><img src=pic/takung.jpg height=80 width=220 border=1></a></td>
    <td width="34%" align=center>Sina HK<p><a href="http://sina.com.hk/"  target=_blank><img src=sina.png height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="33%" align=center>The Standard<p><a href="http://www.thestandard.com.hk"  target=_blank><img src=pic/thestandard.gif height=80 width=220 border=1></a></td>
    <td width="33%" align=center>文匯報<p><a href="http://www.wenweipo.com/"  target=_blank><img src=pic/wenwei.jpg height=80 width=220 border=1></a></td>
    <td width="34%" align=center>Baidu News : <P><a href="http://news.baidu.com/"  target=_blank><img src=logo-baidu-news.png height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="33%" align=center>South China Morning Post: <P><a href="http://www.scmp.com/"  target=_blank><img src=pic/scmp.gif height=80 width=220 border=1></a></td>
    <td width="33%" align=center>PC Home : <P><a href="http://www.pchome.com.tw/" target=_blank><img src=pic/pchome.gif height=80 width=220 border=1></a></td> 
    <td width="34%" align=center></td> 
  </tr>
  <tr>
    <td width="33%" align=center>Entertainment Weekly : <P><a href="http://www.ew.com/ew" target=_blank><img src=pic/ew.gif height=80 width=220 border=1></a></td> 
    <td width="33%" align=center>商業電台<P><a href="http://www.881903.com/" target=_blank><img src=pic/cradio.jpg height=80 width=220 border=1></a></td>
    <td width="34%" align=center>新城電台<p><a href="http://www.metroradio.com.hk/" target=_blank><img src=pic/metroradio.gif height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="33%" align=center>香港電台<P><a href="http://www.rthk.org.hk/" target=_blank><img src=pic/rthk.gif height=80 width=220 border=1></a></td>
    <td width="33%" align=center>香港無線電視<P><a href="http://www.tvb.com.hk/" target=_blank><img src=pic/tvb.jpg height=80 width=220 border=1></a></td>
    <td width="34%" align=center>ViuTV<P><a href="https://viu.tv/" target=_blank><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/ViuTV_logo.svg/420px-ViuTV_logo.svg.png" height=80 width=220 border=1></a></td>
  </tr>
  <tr>
    <td width="33%" align=center>有線電視<P><a href="http://www.cabletv.com.hk/en/cabletv.php" target=_blank><img src=pic/cabletv.gif height=80 width=220 border=1></a></td>
    <td width="33%" align=center></td>
    <td width="34%" align=center></td>
  </tr>
</table>

<hr>

<p>

<p>

 
</body> 
 
</html>