<!DOCTYPE html> <html> <head> <title> Blackburne.cn </title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <link href='./style.css' rel='stylesheet' type='text/css'> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?0dfb02ada3b41c0d1be22239c96c9bb4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <style> .clearer { clear: both; padding: 0px; } @media (max-width:999px){ a { color: #D6001C; } .event-section { background-image: none !important; padding: 2.5vw; width: 95vw; } .rollover { padding-bottom: 1em; } .rollover > p { /* display: none; */ padding-top: 0.5em; } .rollover > p img { width: 95vw; } #china-vision-section .registration-box iframe { width: 95vw; height: 95vw; } #events-section { color: white; background-color: #111; } form p { padding-top: 0.5em; } form p span { display: inline-block; width: 9ch; } form p select, form p input { width: calc(95vw - 14ch); } form input[type=submit] { width: 95vw; } .pdfs { margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-bottom: 1em; } .pdfs a { font-size: 1.1em; color: white; background-color: #111; padding: 1em; } .pdfs a+a { margin-left: 1em; } #projects-section p.pdfs { clear: both; text-align: left; } #events-section .pdfs a { background-color: #D6001C; } #promotions-section { background-color: #D6001C; color: white; } .clearer { height: calc(55vw / 220 * 24 + 4 * 14px + 30pt); } #promotions-section .clearer { height: 0px; } } @media (min-width:1000px){ a.not-link { position: relative; top: -500px; } .event-section, .event-section div { background-attachment: fixed; background-position: center center; background-size: cover; } .event-section { min-height: 380px; } .event-section > div, registration-box { padding-top: 5em; padding-bottom: 5em; } .event-section h2 { font-size: 1.25em; } .event-section *+p { padding-top: 0.5em; } .event-section+.event-section { margin-top: 27px; margin-top: 0px; } .event-description h2, .event-description h3, .event-description p, .registration-box h2, .registration-box p { color: white; } .event-description, .event-description > div { padding: 0.5em; } .event-description { width: 500px; } .registration-box { background-color: #111; width: 300px; float: right; padding: 1em; } .registration-box form p+p { margin-top: 0.5em; } .registration-box form p.submit { margin-top: 1em; } .registration-box form span { display: inline-block; text-align: right; width: 120px; } .registration-box form input, .registration-box form select { border: solid 1px white; } .registration-box form input { width: 178px; } .registration-box form select { width: 175px; } .registration-box form input:focus, .registration-box form p.submit input:hover { border: solid 1px #D6001C; outline: none; } .registration-box form p.submit input { width: 100%; padding-top: 0.25em; padding-bottom: 0.25em; background-color: #111; color: white; transition: border-color 100ms ease-in-out, background-color 100ms ease-in-out; } .registration-box form p.submit input:hover, .registration-box form p.submit input:focus { background-color: #D6001C; outline: none; } .pdfs { text-align: right; } .pdfs a { text-decoration: none; color: white; background-color: #111; padding: 0.4em; margin: 0.25em; margin-right: 0em; } .pdfs a+a { margin-left: 0.5em; } .event-description .pdfs a:hover { color: white; background-color: #D6001C; } .event-description a { color: white; font-weight: 900; text-decoration: none; } .event-description a:hover { color: #D6001C } div.rollover { margin: 0.5em; padding: 0.5em; background-color: rgba(0,0,0,0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } div.rollover:hover { background-color: rgba(0,0,0,0.5); } div.rollover h3+div { max-height: 0px; overflow: hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } div.rollover:hover h3+div { max-height: 15em; } #projects-section { background-color: #cbcbcb; } #projects-section .event-description { width: 420px; } #projects-section .event-description:nth-of-type(odd) { float: right; } #projects-section .event-description > div { background-color: #D6001C; } #china-vision-section .event-description > div { background-image: url('china-vision-red.jpg'); background-color: #D6001C; } #china-vision-section .registration-box > div { height: 300px; } #china-vision-section .registration-box iframe { width: 300px; height: 300px; } #events-section .event-description { float: left; } #events-section .event-description > div { background-color: #D6001C; } #promotions-section .event-description > div { background-color: #D6001C; } .clearer { height: 50px; } } </style> <script> window.onscroll = function scroll() { if(window.pageYOffset > 35) { document.getElementById('banner').className = 'scrolled'; document.getElementById('banner-spacer').className = 'scrolled'; } else { document.getElementById('banner').className = ''; document.getElementById('banner-spacer').className = ''; } if(window.pageYOffset > 70) { document.getElementById('nav').className = 'scrolled'; } else { document.getElementById('nav').className = ''; } }; function validateForm(form) { if(form["name"].value==null||form["name"].value=="") { alert("QeYT "); return false; } else if(form["phone"].value==null||form["phone"].value=="") { alert("Qeu5Sx"); return false; } else if(form["email"].value==null||form["email"].value=="") { alert("Qe{W0W@"); return false; } return true } </script> </head> <body onscroll="" lang="zh"> <div id="weibo-code" onclick="this.style.display='none';"> <div style="margin: auto; margin-top: 300px; width: 7cm;"> <img src="wechat_qr.png" style="width: 7cm;"/> </div> </div> <div id="banner"> <div style="position: relative;"> <a href="./" style="text-decoration: none;"><img class="logo" alt="" src="header_logo.png" style="border: none;"/></a> <p><a href="mailto:projects@blackburne.com.au"><img src="envelope.png" /></a></p> </div> </div> <div id="banner-spacer"> </div> <div id="nav"> <div> <ul> <li> <a onclick="document.getElementById('nav').className = '';" href="./">N;u</a> </li> <li> <a onclick="document.getElementById('nav').className = '';" href="about.jsp">QsNbN</a> </li> <li> <a onclick="document.getElementById('nav').className = '';" href="./#events">N-V\U</a> </li> <li> <a onclick="document.getElementById('nav').className = '';" href="./#projects">]z O`o</a> </li> <li> <a onclick="document.getElementById('nav').className = '';" href="./#promotions">OÕ</a> </li> <li> <a onclick="document.getElementById('nav').className = '';" href="http://i.youku.com/u/UMzAxMjkyNTMwNA==" onclick="window.open('http://i.youku.com/u/UMzAxMjkyNTMwNA=='); return false;">Ƙƕ&</a> </li> <li> <a onclick="document.getElementById('nav').className = '';" href="contact.jsp">T|bN</a> </li> </ul> <div id="menu-hamburger" class="mobile"> <a onclick="document.getElementById('nav').className = 'expanded';"><img src="menu.png" style="width: 20pt; height: 20pt;"/></a> </div> <div id="menu-social-media"> <a class="no-mobile" onclick="document.getElementById('weibo-code').style.display='block'"><img src="wechat.png" /></a> <a href="#"><img src="weibo.png" /></a> <a href="http://i.youku.com/u/UMzAxMjkyNTMwNA==" onclick="window.open('http://i.youku.com/u/UMzAxMjkyNTMwNA=='); return false;"><img src="youku.png" /></a> </div> </div> </div> <div class="no-mobile" style="height: 48px;"> </div> <div id="china-vision-section" class="event-section" style="background-image: url('china-vision.jpg');"> <div> <div class="registration-box"><div> <iframe src="https://www.youtube.com/embed/MImCM3hd-n4" frameborder="0" allowfullscreen></iframe> </div></div> <div class="event-description"> <div> <h2>N-Va?fo</h2> <p> BlackburnevN-Va?fof/T8_geYvN-VY'FN bseO\N:NNylS/bbDvvW00</p> <p> Blackburne]~Ss_SW0vW0NbDNN-VW0NbDNKvh9g,_T BlackburnecON^lv<a href="#promotions">OÕ~T NPNST WGN:SNNy>S:^[R60 </p> <p class="pdfs"><a href="brochure_web.pdf" onclick="window.open('brochure_web.pdf'); return false;">NfYBlackburnevN-Va?fo</a></p> </div> </div> </div> <a class="not-link" name="events"></a> <div class="clearer"></div> </div> <div id="events-section" class="event-section" style=""> <div> <div class="event-description"> <div > <h2>BlackburneUFNNSeSm;R</h2> <p>Blackburnek"W(seum;0]O\vSNNSNR0bNN>RvYyUFNTeSm;RN-ge0N|RvUFNTeSm;ReW(TovSNNN~͉ovUFNSeS T eN~BlackburneNS[Yg u(TQhbvg R0</p> <p>Blackburne welcomes Perth's Chinese community to attend various business and cultural events with the purpose of introducing Western Australia business and culture to the Chinese community along with an introduction on Blackburne and its many useful and holistic services.</p> <p>UFNvm;RN;f/Tse_SW0vSNNN~NNW(om2vUFNsXN-bRR$vNN_YvUFRi_0͋NSa`0</p> <p>Business English meetups are designed for the Perth based Chinese community to learn about everyday business concepts, words and meanings, that are necessary to successfully navigate in the Australian business environment</p> <p>UFNSeSm;RvvvW(NeY0Z1NP0O{IN;T8_om2_SW0NTSNNVOSQqT SNge fYvNN-oN$VvUFNTeS0</p> <p>Business & Culture Events are designed to engage both the local Australian and Chinese community with topics that are educating, entertaining and useful to know about in the areas of Australian and Chinese business and culture. </p> <p class="pdfs" ></p> </div> </div> <div class="registration-box"> <h2>bT </h2> <form action="event-registration.jsp" onsubmit="return validateForm(this)" method="post"> <p><span> \U</span> <select name="event" onchange=" if (this.selectedIndex > 0) { document.getElementById('registration-box-day').style.visibility = 'visible'; if(this.selectedIndex == 1) { document.getElementById('registration-box-day-1').style.display = 'initial'; document.getElementById('registration-box-day-2').style.display = 'none'; document.getElementById('registration-box-day-2').selectedIndex = 0; } else if(this.selectedIndex == 2) { document.getElementById('registration-box-day-1').style.display = 'none'; document.getElementById('registration-box-day-1').selectedIndex = 0; document.getElementById('registration-box-day-2').style.display = 'initial'; } } else { document.getElementById('registration-box-day').style.visibility = 'hidden'; document.getElementById('registration-box-name').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-phone').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-email').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-postcode').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-day-1').selectedIndex = 0; document.getElementById('registration-box-day-2').selectedIndex = 0; document.getElementById('registration-box-submit').disabled = false; };"> <option value="-no information given-">-</option> <option value="Business">UFNm;R</option> <option value="Culture">UFNSeSm;R</option> </select> </p> <p id="registration-box-day" style="visibility: hidden;"><span>eg</span> <select name="event-day-1" style="display: none;" id="registration-box-day-1" onchange="if (this.selectedIndex > 0) { document.getElementById('registration-box-name').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-phone').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-email').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-postcode').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-submit').disabled = false; } else { document.getElementById('registration-box-name').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-phone').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-email').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-postcode').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-submit').disabled = true; };"> <option value="">-</option> <option value="October 13th">10g13e - 5:00pm - ~mN</option> <option value="October 20th">10g20e - 5:00pm - QhtS</option> <option value="October 27th">10g27e - 5:00pm - [u(UFRl_Ti_</option> </select> <select name="event-day-2" style="display: none;" id="registration-box-day-2" onchange="if (this.selectedIndex > 0) { document.getElementById('registration-box-name').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-phone').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-email').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-postcode').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-submit').disabled = false; } else { document.getElementById('registration-box-name').getElementsByTagName('input')[0].disabled = false; document.getElementById('registration-box-phone').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-email').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-postcode').getElementsByTagName('input')[0].disabled = true; document.getElementById('registration-box-submit').disabled = true; };"> <option value="">-</option> <option value="October 8th">10g8e - 5:00pm - Pe^nNum;</option> <option value="October 15th">10g15e - 5:00pm - om2b?N^W:</option> <option value="October 22th">10g22e - 5:00pm - Y*glR</option> <option value="October 29th">10g29e - 5:00pm</option> </select> </p> <p id="registration-box-name"><span>YT </span><input name="name" type="text" disabled/></p> <p id="registration-box-phone"><span>bKg:Sx</span><input name="phone" type="text" disabled/></p> <p id="registration-box-email"><span>{W0W@</span><input name="email" type="text" disabled/></p> <p id="registration-box-postcode"><span>Sx</span><input name="postcode" type="text" disabled/></p> <p class="submit"><input type="submit" id="registration-box-submit" value="bT "/></p> </form> </div> </div> <a class="not-link" name="projects"></a> <div class="clearer"> </div> </div> <div id="projects-section" class="event-section"> <div> <div class="event-description"> <div style=""> <h2 style="padding-top: 0em; float: left; line-height: 1.75em;">Oracle</h2> <p class="pdfs"> <a href="oracle.jsp">NOracleyv</a><a href="#promotions">OÕ</a> </p> <p style="padding-top: 1em;"> <img src="oracle-map.jpg" style="width: 100%;" /> </p> </div> </div> <div class="event-description"> <div style=""> <h2 style="padding-top: 0em; float: left; line-height: 1.75em;">Enclave</h2> <p class="pdfs"> <a href="enclave.jsp">NEnclaveyv</a><a href="#promotions">OÕ</a> </p> <p style="padding-top: 1em;"> <img src="enclave-map.jpg" style="width: 100%;" /> </p> </div> </div> <div style="margin-top: 70px;" class="event-description"> <div style=""> <h2 style="padding-top: 0em; float: left; line-height: 1.75em;">Monarc</h2> <p class="pdfs"> <a href="monarc.jsp">NMonarcyv</a><a href="#promotions">OÕ</a> </p> <p style="padding-top: 1em;"> <img src="monarc-map.jpg" style="width: 100%;" /> </p> </div> </div> <div style="margin-top: 70px;" class="event-description"> <div style=""> <h2 style="padding-top: 0em; float: left; line-height: 1.75em;">Aria</h2> <p class="pdfs"> <a href="aria.jsp">NAriayv</a><a href="#promotions">OÕ</a> </p> <p style="padding-top: 1em;"> <img src="aria-map.jpg" style="width: 100%;" /> </p> </div> </div> </div> <a class="not-link" name="promotions"></a> <div class="clearer"> </div> </div> <div id="promotions-section" class="event-section" style="display: none;"> <div> <div style="width: auto;" class="event-description"> <div> <h2>OÕ</h2> <div class="rollover"> <h3 style="padding-top: 0em;">Oracle N-VWr[bbc</h3> <div> <p>Oracleyv O\N:W(S\UŐvSheS:SN-VWS:WQgY'v_SјyvNKN N:NOUbg N-Vfo^v[yvaQtv[b7cONRMb@g*g vg:G0</p> <p>bbcORvvvf/S\UOracleyvN΀ cRN-Vy>S:v^ N-VbDg Dh<_NP <p>{&TDh< _Ř{f/QuW(N-VY'F^vW(gv8^ty\ER0oY'R)NvN0</p> <p>\g Dh<_NP<8000oQCvbbc0</p> </div> <p><img src="oracle_promotion.jpg" /></p> <!-- Photo by Daniel Schwen--> </div> <div class="rollover"> <h3 style="padding-top: 0em;">Y'[fuO`R</h3> <div> <p>[NkcW(oY'R)N[fN`bRg*geW(oY'R)NeYg:g[fN`v[fu NNSNNvr6k\g Dh<_NP<8000oQCvbbc0</p> <p>[NvRMYse^vW(Yyb?\EOO Ng RbbŚ؏20,000oQCeY9u(vuY[fu Blackburne\N:uY[fuvr6kN:Qv[PYs-NpQl[N cOYVR N^.R]v[i[PW(seum;T[fN`vT e ~D R gv"[ ^v\kdQl[O\N:NNW(sel8NE^vvWW00</p> <p>\g Dh<_NP<8000oQCvbbc0</p> </div> <p><img src="student_promotion.jpg" /></p> <!-- Dr. Marcus Gossler --> </div> <div class="rollover"> <h3 style="padding-top: 0em;">ylO`R</h3> <div> <p>[N]~bRu3R0oY'R)Nl8NE\EuYgCv\EOO T h7g g:ONSNP <p>f/N:NRfYvN-Vg SSNNvOO4yl0um;0]O\TbDW(oY'R)N]0</p> <p>{&TDh< cO`l8NE\EuYgCvvQsf0</p> <p>\g Dh<_NP<8000oQCvbbc0</p> </div> <p><img src="immigration_promotion.jpg" /></p> <!-- Photo by MaxBenidze --> </div> <div class="rollover"> <h3 style="padding-top: 0em;">bDO`R</h3> <div> <p>Yg`]~W(oY'R)N-NpN2N*bYN*b?Nyv O`\T h7g Dh<_NP <p>yYVRg:R6f/RbRvbDY~~bDoY'R)N]vN;W0NyvgeOÏoY'R)Nv~mNS\U0</p> <p>\g Dh<_NP<8000oQCvbbc0</p> </div> <p><img src="investment_promotion.jpg" /></p> </div> </div> </div> </div> <div class="clearer"> </div> </div> <div id="contact-section"> <div> <h2>T|bN</h2> <div> <h3><a href="http://www.blackburne.com.au">eQz</a></h3> <h3></h3> </div> <div> <h3>oY'R)Nse</h3> <p><a href="mailto:projects@blackburne.com.au">projects@blackburne.com.au</a></p> <p>1050 Hay Street West Perth</p> <p>WA 6005</p> <p>u5: +61 435 627 946 </p> </div> <div> </div> <div id="social-media"> <h3> <a href="#"><img src="weibo.png" /></a> <a onclick="document.getElementById('weibo-code').style.display='block';"><img src="wechat.png" /></a> <a href="http://i.youku.com/u/UMzAxMjkyNTMwNA==" onclick="window.open('http://i.youku.com/u/UMzAxMjkyNTMwNA=='); return false;"><img src="youku.png" /></a> </h3> <p><img src="social-link-logo.png" /></p> </div> </div> </div> </body> </html>