- スキャンID：
- e063f581-e7e4-4d8f-914b-53276c51e2b6終了
- 送信済みURL：
- https://www.diracbuilding.com/リダイレクト済み
- レポート終了日：
リンク · 3件検出
ページから特定された発信リンク
| リンク | テキスト |
|---|---|
| https://twitter.com/St_Johns_IP | |
| https://www.linkedin.com/company/72286077/admin/ | |
| http://turnstoneestates.com | Explore Turnstone |
JavaScript変数 · 65件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
| 名前 | 規模 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| google_tag_manager | object |
| google_tag_data | object |
| $ | function |
| jQuery | function |
| onYouTubeIframeAPIReady | function |
コンソールログメッセージ · 30件検出
Webコンソールにログ記録されたメッセージ
| 規模 | 分類 | ログ |
|---|---|---|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
HTML
未加工のHTMLページ本文
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>St John's Innovation Park</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/styles.css">
<link rel="stylesheet" href="/css/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-120E81WHQE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-120E81WHQE');
</script>
<style type="text/css">/* Chart.js */
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style></head>
<body aria-busy="true" style="">
<header>
<!--Navbar -->
<nav class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar">
<div class="container">
<a class="navbar-brand" href="/">
<svg id="Logo_1l" data-name="Logo 1l" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="185.48" height="116.645" viewBox="0 0 185.48 116.645">
<defs>
<clipPath id="clip-pathl">
<path id="Path_26l" data-name="Path 26" d="M0,24.247H185.48V-92.4H0Z" transform="translate(0 92.398)" fill="none"></path>
</clipPath>
</defs>
<g id="Group_21l" data-name="Group 21" clip-path="url(#clip-pathl)">
<g id="Group_1l" data-name="Group 1" transform="translate(0 0)">
<path id="Path_3l" data-name="Path 3" d="M3.894,2.215H-1.321V1.053A5.45,5.45,0,0,0-2.164-2,3.134,3.134,0,0,0-5-3.289a3.319,3.319,0,0,0-1.738.4,3.411,3.411,0,0,0-1.074,1.01,4.226,4.226,0,0,0-.562,1.49A9.609,9.609,0,0,0-8.53,1.356a16.859,16.859,0,0,0,.077,1.767,3.318,3.318,0,0,0,.383,1.262,2.806,2.806,0,0,0,.895.959,8.139,8.139,0,0,0,1.61.808l3.988,1.565a9.934,9.934,0,0,1,2.812,1.54A6.685,6.685,0,0,1,2.923,11.3a9.5,9.5,0,0,1,.767,2.752,27.063,27.063,0,0,1,.2,3.51,18.29,18.29,0,0,1-.46,4.216A8.833,8.833,0,0,1,1.951,25.09,7.335,7.335,0,0,1-.861,27.31,10.019,10.019,0,0,1-5.1,28.12a9.4,9.4,0,0,1-3.528-.656,8.381,8.381,0,0,1-2.812-1.818,8.841,8.841,0,0,1-1.866-2.7A8.109,8.109,0,0,1-14,19.586V17.667h5.215v1.616a4.168,4.168,0,0,0,.844,2.549A3.3,3.3,0,0,0-5.1,22.969a4.628,4.628,0,0,0,2.071-.379A2.751,2.751,0,0,0-1.883,21.5,3.96,3.96,0,0,0-1.4,19.813c.051-.656.077-1.39.077-2.2a21.622,21.622,0,0,0-.1-2.323,3.981,3.981,0,0,0-.409-1.464,2.866,2.866,0,0,0-.946-.909,12.5,12.5,0,0,0-1.559-.757l-3.732-1.515a8.242,8.242,0,0,1-4.525-3.611,12.29,12.29,0,0,1-1.15-5.63,12.889,12.889,0,0,1,.562-3.838,8.689,8.689,0,0,1,1.687-3.131,7.731,7.731,0,0,1,2.735-2.1A9.231,9.231,0,0,1-4.8-8.44a8.753,8.753,0,0,1,3.553.707A9.192,9.192,0,0,1,1.542-5.865,7.758,7.758,0,0,1,3.894-.31Z" transform="translate(14 8.44)" fill="#fff"></path>
</g>
<g id="Group_2l" data-name="Group 2" transform="translate(19.683 0.302)">
<path id="Path_4l" data-name="Path 4" d="M1.313,7.474V-23.632H-4.72V-28.48H12.561v4.848H6.528V7.474Z" transform="translate(4.72 28.48)" fill="#fff"></path>
</g>
<g id="Group_3l" data-name="Group 3" transform="translate(46.215 0.303)">
<path id="Path_5l" data-name="Path 5" d="M3.416,0V27.47a8.6,8.6,0,0,1-2.352,6.161A8.725,8.725,0,0,1-1.723,35.55a9.289,9.289,0,0,1-3.758.706,7.468,7.468,0,0,1-4.167-1.084,13.8,13.8,0,0,1-2.633-2.146l4.09-3.232a5.214,5.214,0,0,0,1.3.934,3.379,3.379,0,0,0,1.559.379,3.968,3.968,0,0,0,1.074-.177,3.012,3.012,0,0,0,1.176-.682,3.281,3.281,0,0,0,.92-1.289,5.647,5.647,0,0,0,.358-2.2V0Z" transform="translate(12.28)" fill="#fff"></path>
</g>
<g id="Group_4l" data-name="Group 4" transform="translate(66.971 -0.001)">
<path id="Path_6l" data-name="Path 6" d="M2.67,5.773A3.4,3.4,0,0,1,1.622,8.525a3.725,3.725,0,0,1-2.48.884,3.72,3.72,0,0,1-2.48-.884A3.4,3.4,0,0,1-4.385,5.773V-13.214a3.4,3.4,0,0,1,1.048-2.752,3.726,3.726,0,0,1,2.48-.884,3.731,3.731,0,0,1,2.48.884A3.406,3.406,0,0,1,2.67-13.214ZM7.118-17.051a8.444,8.444,0,0,0-1.994-2.776,9.3,9.3,0,0,0-2.837-1.616A9.3,9.3,0,0,0-.857-22,9.289,9.289,0,0,0-4-21.443a8.653,8.653,0,0,0-2.786,1.616,8.1,8.1,0,0,0-2.045,2.776A9.091,9.091,0,0,0-9.6-13.214V5.773a9,9,0,0,0,.767,3.888,7.707,7.707,0,0,0,2.045,2.676A8.2,8.2,0,0,0-4,14a9.318,9.318,0,0,0,3.144.555A9.329,9.329,0,0,0,2.287,14a8.784,8.784,0,0,0,2.837-1.666A8.02,8.02,0,0,0,7.118,9.661a9,9,0,0,0,.767-3.888V-13.214a9.091,9.091,0,0,0-.767-3.838" transform="translate(9.6 22)" fill="#fff"></path>
</g>
<g id="Group_5l" data-name="Group 5" transform="translate(89.568 0.302)">
<path id="Path_7l" data-name="Path 7" d="M0,7.474V-28.48H5.215v15.4h6.442v-15.4h5.215V7.474H11.657V-8.534H5.215V7.474Z" transform="translate(0 28.48)" fill="#fff"></path>
</g>
<g id="Group_6l" data-name="Group 6" transform="translate(111.603 0.302)">
<path id="Path_8l" data-name="Path 8" d="M0,7.474V-28.48H5.01L12.884-6.817h.1V-28.48H18.2V7.474H13.293L5.317-14.139h-.1V7.474Z" transform="translate(0 28.48)" fill="#fff"></path>
</g>
<g id="Group_7l" data-name="Group 7" transform="translate(134.711 0.302)">
<path id="Path_9l" data-name="Path 9" d="M0,1.847V-7.04H5.215v5.151Z" transform="translate(0 7.04)" fill="#fff"></path>
</g>
<g id="Group_8l" data-name="Group 8" transform="translate(144.015 0)">
<path id="Path_10l" data-name="Path 10" d="M3.894,2.215H-1.321V1.053A5.45,5.45,0,0,0-2.164-2,3.134,3.134,0,0,0-5-3.289a3.319,3.319,0,0,0-1.738.4,3.411,3.411,0,0,0-1.074,1.01,4.226,4.226,0,0,0-.562,1.49A9.609,9.609,0,0,0-8.53,1.356a16.859,16.859,0,0,0,.077,1.767,3.318,3.318,0,0,0,.383,1.262,2.806,2.806,0,0,0,.895.959,8.139,8.139,0,0,0,1.61.808l3.988,1.565a9.934,9.934,0,0,1,2.812,1.54A6.685,6.685,0,0,1,2.923,11.3a9.5,9.5,0,0,1,.767,2.752,27.063,27.063,0,0,1,.2,3.51,18.29,18.29,0,0,1-.46,4.216A8.833,8.833,0,0,1,1.951,25.09,7.335,7.335,0,0,1-.861,27.31,10.019,10.019,0,0,1-5.1,28.12a9.4,9.4,0,0,1-3.528-.656,8.381,8.381,0,0,1-2.812-1.818,8.841,8.841,0,0,1-1.866-2.7A8.109,8.109,0,0,1-14,19.586V17.667h5.215v1.616a4.168,4.168,0,0,0,.844,2.549A3.3,3.3,0,0,0-5.1,22.969a4.628,4.628,0,0,0,2.071-.379A2.751,2.751,0,0,0-1.883,21.5,3.96,3.96,0,0,0-1.4,19.813c.051-.656.077-1.39.077-2.2a21.622,21.622,0,0,0-.1-2.323,3.981,3.981,0,0,0-.409-1.464,2.866,2.866,0,0,0-.946-.909,12.5,12.5,0,0,0-1.559-.757l-3.732-1.515a8.242,8.242,0,0,1-4.525-3.611,12.29,12.29,0,0,1-1.15-5.63,12.889,12.889,0,0,1,.562-3.838,8.689,8.689,0,0,1,1.687-3.131,7.731,7.731,0,0,1,2.735-2.1A9.231,9.231,0,0,1-4.8-8.44a8.753,8.753,0,0,1,3.553.707A9.192,9.192,0,0,1,1.542-5.865,7.758,7.758,0,0,1,3.894-.31Z" transform="translate(14 8.44)" fill="#fff"></path>
</g>
<path id="Path_11l" data-name="Path 11" d="M.56-60.319H5.775v5.151H.56Z" transform="translate(0.156 100.816)" fill="#202346"></path>
<path id="Path_12l" data-name="Path 12" d="M.56-52.119H5.775v25.6H.56Z" transform="translate(0.156 102.968)" fill="#202346"></path>
<g id="Group_9l" data-name="Group 9" transform="translate(10.838 40.497)">
<path id="Path_13l" data-name="Path 13" d="M0,7.473V-28.479H5.01L12.884-6.817h.1V-28.479H18.2V7.473H13.293L5.317-14.138h-.1V7.473Z" transform="translate(0 28.479)" fill="#fff"></path>
</g>
<g id="Group_10l" data-name="Group 10" transform="translate(34.049 40.497)">
<path id="Path_14l" data-name="Path 14" d="M0,7.473V-28.479H5.01L12.884-6.817h.1V-28.479H18.2V7.473H13.293L5.317-14.138h-.1V7.473Z" transform="translate(0 28.479)" fill="#fff"></path>
</g>
<g id="Group_11l" data-name="Group 11" transform="translate(57.157 40.193)">
<path id="Path_15l" data-name="Path 15" d="M2.67,5.773A3.4,3.4,0,0,1,1.622,8.525a3.725,3.725,0,0,1-2.48.884,3.72,3.72,0,0,1-2.48-.884A3.4,3.4,0,0,1-4.385,5.773V-13.212a3.4,3.4,0,0,1,1.048-2.753,3.726,3.726,0,0,1,2.48-.884,3.731,3.731,0,0,1,2.48.884A3.407,3.407,0,0,1,2.67-13.212ZM7.118-17.051a8.47,8.47,0,0,0-1.994-2.776,9.3,9.3,0,0,0-2.837-1.616A9.3,9.3,0,0,0-.857-22,9.289,9.289,0,0,0-4-21.443a8.653,8.653,0,0,0-2.786,1.616,8.121,8.121,0,0,0-2.045,2.776A9.093,9.093,0,0,0-9.6-13.212V5.773a9,9,0,0,0,.767,3.888,7.707,7.707,0,0,0,2.045,2.676A8.2,8.2,0,0,0-4,14a9.318,9.318,0,0,0,3.144.555A9.329,9.329,0,0,0,2.287,14a8.784,8.784,0,0,0,2.837-1.666A8.02,8.02,0,0,0,7.118,9.661a9,9,0,0,0,.767-3.888V-13.212a9.093,9.093,0,0,0-.767-3.839" transform="translate(9.6 22)" fill="#fff"></path>
</g>
<g id="Group_12" data-name="Group 12" transform="translate(77.044 40.497)">
<path id="Path_16" data-name="Path 16" d="M4.239,0-3.225,35.952h-4.6L-15.24,0h5.522l4.141,25.1h.1L-1.283,0Z" transform="translate(15.24)" fill="#fff"></path>
</g>
<g id="Group_13" data-name="Group 13" transform="translate(95.961 40.497)">
<path id="Path_17" data-name="Path 17" d="M1.669,4.86,4.225-8.168h.1L6.884,4.86ZM6.475-18.52H2.129L-6,17.434H-.785L.749,9.708H7.855l1.534,7.726H14.6Z" transform="translate(6 18.52)" fill="#fff"></path>
</g>
<g id="Group_14l" data-name="Group 14" transform="translate(114.263 40.497)">
<path id="Path_18l" data-name="Path 18" d="M1.313,7.473V-23.633H-4.72v-4.846H12.561v4.846H6.528V7.473Z" transform="translate(4.72 28.479)" fill="#fff"></path>
</g>
<path id="Path_19l" data-name="Path 19" d="M105.159-60.319h5.215v35.952h-5.215Z" transform="translate(29.249 100.816)" fill="#fff"></path>
<g id="Group_15l" data-name="Group 15" transform="translate(144.888 40.193)">
<path id="Path_20" data-name="Path 20" d="M2.67,5.773A3.4,3.4,0,0,1,1.622,8.525a3.725,3.725,0,0,1-2.48.884,3.72,3.72,0,0,1-2.48-.884A3.4,3.4,0,0,1-4.385,5.773V-13.212a3.4,3.4,0,0,1,1.048-2.753,3.726,3.726,0,0,1,2.48-.884,3.731,3.731,0,0,1,2.48.884A3.407,3.407,0,0,1,2.67-13.212ZM7.118-17.051a8.47,8.47,0,0,0-1.994-2.776,9.3,9.3,0,0,0-2.837-1.616A9.3,9.3,0,0,0-.857-22,9.289,9.289,0,0,0-4-21.443a8.653,8.653,0,0,0-2.786,1.616,8.121,8.121,0,0,0-2.045,2.776A9.093,9.093,0,0,0-9.6-13.212V5.773a9,9,0,0,0,.767,3.888,7.707,7.707,0,0,0,2.045,2.676A8.2,8.2,0,0,0-4,14a9.318,9.318,0,0,0,3.144.555A9.329,9.329,0,0,0,2.287,14a8.784,8.784,0,0,0,2.837-1.666A8.02,8.02,0,0,0,7.118,9.661a9,9,0,0,0,.767-3.888V-13.212a9.093,9.093,0,0,0-.767-3.839" transform="translate(9.6 22)" fill="#fff"></path>
</g>
<g id="Group_16l" data-name="Group 16" transform="translate(167.28 40.497)">
<path id="Path_21l" data-name="Path 21" d="M0,7.473V-28.479H5.01L12.884-6.817h.1V-28.479H18.2V7.473H13.293L5.317-14.138h-.1V7.473Z" transform="translate(0 28.479)" fill="#fff"></path>
</g>
<g id="Group_17l" data-name="Group 17" transform="translate(1.022 80.692)">
<path id="Path_22l" data-name="Path 22" d="M2.6,2.8a4.58,4.58,0,0,1-.486,1.868A2.882,2.882,0,0,1,.834,5.933a5.391,5.391,0,0,1-2.454.454H-4.125V-5.832h2.71a4.924,4.924,0,0,1,2.352.454A2.893,2.893,0,0,1,2.163-4.065a5.155,5.155,0,0,1,.46,1.995q.05,1.136.051,2.4,0,1.363-.077,2.474m4.474-7.65A7.686,7.686,0,0,0,5.231-8.155a7.29,7.29,0,0,0-2.965-1.969,11.777,11.777,0,0,0-3.783-.555H-9.34V25.274h5.215V11.236h2.659a9.738,9.738,0,0,0,4.7-.985A7.576,7.576,0,0,0,6.1,7.5,8.492,8.492,0,0,0,7.3,4.368,25.213,25.213,0,0,0,7.583.278a20.485,20.485,0,0,0-.511-5.125" transform="translate(9.34 10.68)" fill="#fff"></path>
</g>
<g id="Group_18l" data-name="Group 18" transform="translate(17.612 80.691)">
<path id="Path_23l" data-name="Path 23" d="M1.669,4.86,4.225-8.168h.1L6.884,4.86ZM6.475-18.52H2.129L-6,17.434H-.785L.749,9.708H7.855l1.534,7.726H14.6Z" transform="translate(6 18.52)" fill="#fff"></path>
</g>
<g id="Group_19l" data-name="Group 19" transform="translate(41.232 80.691)">
<path id="Path_24l" data-name="Path 24" d="M2.659,2.671A4.9,4.9,0,0,1,2.1,4.414,2.977,2.977,0,0,1,.819,5.5a5.306,5.306,0,0,1-2.2.379H-4.345V-5.332h2.71q2.709,0,3.681,1.414a4.766,4.766,0,0,1,.614,1.793,16.552,16.552,0,0,1,.153,2.4,16.552,16.552,0,0,1-.153,2.4m.869,6.691a7.684,7.684,0,0,0,3.5-3.585,13.155,13.155,0,0,0,1-5.4q0-10.553-9.2-10.554H-9.56V25.774h5.215V10.423h3.119L3.63,25.774H9.152Z" transform="translate(9.56 10.18)" fill="#fff"></path>
</g>
<g id="Group_20l" data-name="Group 20" transform="translate(63.522 80.691)">
<path id="Path_25l" data-name="Path 25" d="M0,7.474V-28.48H5.215v16.411h.1L12.935-28.48H18.15L11.043-14.087,19.479,7.474H13.957L8.027-8.483l-2.812,5.2V7.474Z" transform="translate(0 28.48)" fill="#fff"></path>
</g>
</g>
</svg>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-333" aria-controls="navbarSupportedContent-333" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent-333">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/about/">About</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/community-life/">Community Life</a>
</li>
<li class="nav-item active">
<a class="nav-link waves-effect waves-light" href="/availability/">Availability</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/dirac-building/">Dirac Building</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/occupiers/">Occupiers</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/news/">News</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/getting-here/">Getting Here</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/contact/">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="https://twitter.com/St_Johns_IP" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="https://www.linkedin.com/company/72286077/admin/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!--/.Navbar -->
</header>
<main>
<style type="text/css">
.pink-text {
color:#E6007E !important;
}
.bottomleft {
position:relative !important;
right:unset !important;
top:-70px !important;
}
</style>
<section class=" pb-5 imageFullWidth">
<div class="view" style="background-image: url('/media/jbmckjqc/hero-diracaug23.jpg?anchor=center&mode=crop&width=1920&height=600&rnd=133368489237930000'); background-repeat: no-repeat; background-position: center center; height:600px;">
<!-- Mask & flexbox options-->
<div class="mask align-items-center">
<!-- Content -->
<div class="container">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-12 mb-4 white-text text-center d-flex align-items-center justify-content-center" style="height:673px;">
<div>
<h2 class="text-center text-white"></h2>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>
</section>
<section class="pt-5 pb-5">
<articlestaggered class=" ">
<articlesection>
<div class="ml-5">
<div class="row">
<div class="col-md-12">
<div class="colHeading">
<h2 class="mt-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">GREENISH OR GREENEST?</h2>
</div>
</div>
<div class="colContent">
<p>St John’s College is committed to improving the sustainability of St John’s Innovation Park, aiming to reduce carbon emissions from the built environment, mitigate the effects of climate change, minimise the consumption of resources, promote wellbeing and protect biodiversity on the Park. </p>
<p>The Dirac Building represents the next phase in the sustainable development of St John’s Innovation Park. On completion, this BREEAM ‘Excellent’, WiredScore ‘Platinum’ development will deliver two office buildings and a new transport hub and gym in the north-western corner of the Park.</p>
</div>
</div>
</div>
</articlesection>
<articlesection>
<img src="/media/5cypxmfm/greenorgreenest-4.png?anchor=center&mode=crop&width=1107&height=768&rnd=133368466707330000" class="img-fluid">
</articlesection>
</articlestaggered>
</section>
<style type="text/css">
.pink-text {
color:#E6007E !important;
}
.bottomleft {
position:relative !important;
right:unset !important;
top:-70px !important;
}
</style>
<section class=" pb-5 imageFullWidth">
<div class="view" style="background-image: url('/media/g2zpoeyl/world-classbanner3.png?anchor=center&mode=crop&width=1920&height=600&rnd=133371085099670000'); background-repeat: no-repeat; background-position: center center; height:600px;">
<!-- Mask & flexbox options-->
<div class="mask align-items-center">
<!-- Content -->
<div class="container">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-12 mb-4 white-text text-center d-flex align-items-center justify-content-center" style="height:673px;">
<div>
<h2 class="text-center text-white"></h2>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>
</section>
<section class="pt-5 ">
<articlestaggeredright>
<articlesection>
<div class="ml-5">
<div class="row">
<div class="col-md-12">
<div class="colHeading">
<h2 class="mt-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">Workspaces of the Future</h2>
</div>
</div>
<div class="colContent">
<p>The Dirac Building will deliver the flexible, forward-thinking workspace expected by next generation of technology disruptors and innovators. Including:</p>
<ul>
<li>An accessible, well-connected, best-in-class building, benefiting not only those that occupy it but also the wider Park community.</li>
<li>An enhanced Park landscape for all, maintaining a good balance between the built and natural environment.</li>
<li>Additional amenity and enriched public realm focused on the health and wellbeing of all those at the Park.</li>
<li>BCO ventilation standards exceeded by over 30% throughout the building.</li>
</ul>
</div>
</div>
</div>
</articlesection>
<articlesection class="">
<img src="/media/nj0hhnad/workspaces-of-the-future.png?anchor=center&mode=crop&width=1107&height=768&rnd=133370912582700000" class="img-fluid">
</articlesection>
</articlestaggeredright>
</section>
<section class=" pb-5 textFullWidth">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="mt-5 mb-5"></h2>
<p>Covid secure design elements have been built into the specification, including:</p>
<ul>
<li>Minimal touch points - use of automatic doors where feasible.</li>
<li>Automatic WCs and wash hand basins.</li>
<li>Use of state of the art management tools; technology and processes to create a safer and more productive environment for occupiers.</li>
</ul>
<p>Security:</p>
<ul>
<li>24hr in building manned security provision</li>
<li>Centrally managed CCTV within the building</li>
</ul>
<p class="pt-3">
<a href="/media/h15czp0i/dirac_brochure_june-2023.pdf" class="shortWhiteArrowsLink" target="_blank">
</a></p><div class="wrapperLong"><a href="/media/h15czp0i/dirac_brochure_june-2023.pdf" class="shortWhiteArrowsLink" target="_blank">
<svg id="Long_Navy" data-name="Long Navy" xmlns="http://www.w3.org/2000/svg" width="313.743" height="52.672" viewBox="0 0 313.743 52.672">
<g id="Group_99" data-name="Group 99" transform="translate(261.493 52.672)">
<path id="Path_49" data-name="Path 83" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_100" data-name="Group 100" transform="translate(261.493)">
<path id="Path_48" data-name="Path 84" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
<g id="Group_101" data-name="Group 101">
<path id="Path_47" data-name="Path 85" d="M0,0V52.672H257.111l25.256-26.336L257.111,0Z" fill="#e6007e"></path>
</g>
<text id="Tell_me_more" data-name="St John’s Innovation Centre" transform="translate(28.7 32.503)" fill="#fff" font-size="16" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">Download brochure</tspan></text>
<g id="Group_102" data-name="Group 102" transform="translate(272.182 52.672)">
<path id="Path_50" data-name="Path 86" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_103" data-name="Group 103" transform="translate(272.182)">
<path id="Path_51" data-name="Path 87" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
</svg>
</a></div><a href="/media/h15czp0i/dirac_brochure_june-2023.pdf" class="shortWhiteArrowsLink" target="_blank">
</a>
<p></p>
</div>
</div>
</div>
</section>
<section class="pt-5 icons">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="text-center mb-5 text-uppercase">Key Features</h2>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/nnonzxxc/gym.png?anchor=center&mode=crop&rnd=132585556263400000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Gym/Fitness Studio</h3>
<p class="text-center">Open to all tenants</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/cdnmblgl/cog.png?anchor=center&mode=crop&rnd=133120439710370000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Cycle Maintenance</h3>
<p class="text-center">On-site cycle maintenance facility</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/ktlhi0lq/shower.png?anchor=center&mode=crop&rnd=132585557807730000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Shower Facilities</h3>
<p class="text-center">13 showers in each office, R&D building + changing/drying rooms</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/egjcrcnm/lockers.png?anchor=center&mode=crop&rnd=132600284190230000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Locker facilities</h3>
<p class="text-center">Store your belongings in safe and secure lockers</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/yn0nh1sw/cycle.png?anchor=center&mode=crop&rnd=132585558577200000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Cycle parking</h3>
<p class="text-center">Approximately 640 safe and secure covered cycle parking spaces</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/5thg1alg/charging-point.png?anchor=center&mode=crop&rnd=133120439703630000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Electric Charging Points</h3>
<p class="text-center">Transport Hub with EV charging</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/3hln5wxn/disabled.png?anchor=center&mode=crop&rnd=133120439715530000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Accessible Parking</h3>
<p class="text-center">16 accessible & visitor parking spaces</p>
</div>
<div class="col-md-3 mb-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">
<img src="/media/jqmcomje/landscaped-areas.png?anchor=center&mode=crop&rnd=132585551312000000" class="img-fluid">
<h3 class="mt-3 text-uppercase text-center">Outdoor spaces</h3>
<p class="text-center">Multiple high-quality landscaped, functional open spaces for relaxation & interaction</p>
</div>
</div>
</div>
</section>
<section class="pt-5 mb-5 rollUpGallery">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="text-center mt-5 mb-5"></h2>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-6">
<div class="btn_tomorrow">
<div href="javascript:void(0);" class="t_btn btn_bg t_btn_about">
<img src="/media/lpplernr/terrace-drat.jpg?crop=0.0017746228926353402,0.034102616937976615,0,0&cropmode=percentage&width=960&height=560&rnd=132597710348700000" class="img-fluid">
<div class="hover_overlay p-3" style="transform-origin: 50% 50%; transform: scale(1, 0);">
<div style="position:absolute;">
<svg xmlns="http://www.w3.org/2000/svg" width="62.35" height="502.671" viewBox="0 0 62.35 502.671">
<g id="Group_162" data-name="Group 162" transform="translate(0 447.084)">
<path id="Path_130" data-name="Path 130" d="M0,42.1H62.35V-338.571H0Z" transform="translate(0 13.492)" fill="#ffea3d"></path>
<path id="Path_131" data-name="Path 131" d="M0-385.6H62.35v-61.483H0Z" transform="translate(0 0)" fill="#ffea3d"></path>
</g>
</svg>
</div>
<div class="textBlock">
<h3>State-of-the-art</h3>
<p>A highly flexible building, designed to adapt easily to changing working practices.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="btn_tomorrow">
<div href="javascript:void(0);" class="t_btn btn_bg t_btn_about">
<img src="/media/btpg2hde/istock-1323649948-low.jpg?anchor=center&mode=crop&width=960&height=560&rnd=133371072143930000" class="img-fluid">
<div class="hover_overlay p-3" style="transform-origin: 50% 50%; transform: scale(1, 0);">
<div style="position:absolute;">
<svg xmlns="http://www.w3.org/2000/svg" width="62.35" height="502.671" viewBox="0 0 62.35 502.671">
<g id="Group_162" data-name="Group 162" transform="translate(0 447.084)">
<path id="Path_130" data-name="Path 130" d="M0,42.1H62.35V-338.571H0Z" transform="translate(0 13.492)" fill="#ffea3d"></path>
<path id="Path_131" data-name="Path 131" d="M0-385.6H62.35v-61.483H0Z" transform="translate(0 0)" fill="#ffea3d"></path>
</g>
</svg>
</div>
<div class="textBlock">
<h3>Your building is your brand</h3>
<p>Column free, open plan flexible floor spaces offer maximum creativity when it comes to planning the utilisation of each floor, whilst also allowing the personality of your brand to shine through.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="btn_tomorrow">
<div href="javascript:void(0);" class="t_btn btn_bg t_btn_about">
<img src="/media/f2rhxbrk/istock-1182850625-low.jpg?anchor=center&mode=crop&width=960&height=560&rnd=133371075782030000" class="img-fluid">
<div class="hover_overlay p-3" style="transform-origin: 50% 50%; transform: scale(1, 0);">
<div style="position:absolute;">
<svg xmlns="http://www.w3.org/2000/svg" width="62.35" height="502.671" viewBox="0 0 62.35 502.671">
<g id="Group_162" data-name="Group 162" transform="translate(0 447.084)">
<path id="Path_130" data-name="Path 130" d="M0,42.1H62.35V-338.571H0Z" transform="translate(0 13.492)" fill="#ffea3d"></path>
<path id="Path_131" data-name="Path 131" d="M0-385.6H62.35v-61.483H0Z" transform="translate(0 0)" fill="#ffea3d"></path>
</g>
</svg>
</div>
<div class="textBlock">
<h3>Workforce Wellbeing</h3>
<p>A super modern aesthetic, buildings flooded with natural light, a roof terrace and communal spaces within which to interact and re-charge, all positioned within a beautifully landscaped Park environment…connecting occupiers to the wider Park community via events, exercise classes and more.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="btn_tomorrow">
<div href="javascript:void(0);" class="t_btn btn_bg t_btn_about">
<img src="/media/amgls1gc/sjip_dirac_v2.jpg?anchor=center&mode=crop&width=960&height=560&rnd=132586351082530000" class="img-fluid">
<div class="hover_overlay p-3" style="transform-origin: 50% 50%; transform: scale(1, 0);">
<div style="position:absolute;">
<svg xmlns="http://www.w3.org/2000/svg" width="62.35" height="502.671" viewBox="0 0 62.35 502.671">
<g id="Group_162" data-name="Group 162" transform="translate(0 447.084)">
<path id="Path_130" data-name="Path 130" d="M0,42.1H62.35V-338.571H0Z" transform="translate(0 13.492)" fill="#ffea3d"></path>
<path id="Path_131" data-name="Path 131" d="M0-385.6H62.35v-61.483H0Z" transform="translate(0 0)" fill="#ffea3d"></path>
</g>
</svg>
</div>
<div class="textBlock">
<h3>Smart buildings are a smart move</h3>
<p>Designed with ‘intelligent building’ and ‘smart office’ best practice principles in mind, the Dirac Buildings will utilise technology and processes to create a safer and more productive environment for occupiers, in addition to greater operational efficiency.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-5 pb-5">
<articlestaggeredright>
<articlesection>
<div class="ml-5">
<div class="row">
<div class="col-md-12">
<div class="colHeading">
<h2 class="mt-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">Accommodation</h2>
</div>
</div>
<div class="colContent">
<p>Open plan flexible floor space, suspended ceiling and LG7 lighting throughout. Double-height entrance / reception area.</p>
<p><strong>CURRENTLY AVAILABLE</strong></p>
<table border="0" cellspacing="0" cellpadding="0" width="500" style="height: 123px; width: 518px;">
<thead>
<tr style="height: 21px;">
<td style="width: 164px; height: 21px;">
<p><strong>Floor</strong></p>
</td>
<td style="width: 109px; height: 21px;">
<p><strong>Sq m</strong></p>
</td>
<td style="width: 107px; height: 21px;">
<p><strong>Sq ft</strong></p>
</td>
<td style="width: 138px; height: 21px;">
<p><strong>Availability</strong></p>
</td>
</tr>
</thead>
<tbody>
<tr style="height: 46px;">
<td style="width: 164px; height: 46px;">
<p>Fifth Floor<br>Fourth Floor<br>Third Floor<br>Second Floor<br>First Floor<br>Ground Floor</p>
</td>
<td style="width: 109px; height: 46px;">
<p>1,452<br>1,584<br>1,567<br>1,567<br>1,267<br>513</p>
</td>
<td style="width: 107px; height: 46px;">
<p>15,625<br>17,053<br>16,870<br>16,867<br>13,638<br>5,517</p>
</td>
<td style="width: 138px; height: 46px;">
<p>Available<br>Available<br>Available<br>Available<br>Available<br>Available</p>
</td>
</tr>
<tr style="height: 46px;">
<td style="width: 164px; height: 46px;">
<p><strong>Total</strong></p>
</td>
<td style="width: 109px; height: 46px;">
<p><strong>7,950</strong></p>
</td>
<td style="width: 107px; height: 46px;">
<p><strong>85,570</strong></p>
</td>
<td style="width: 138px; height: 46px;"> </td>
</tr>
<tr style="height: 10px;">
<td style="width: 164px; height: 10px;">
<p>Reception<br>2nd Floor Terrace<br>5th Floor Terrace</p>
</td>
<td style="width: 109px; height: 10px;">
<p>249<br>19<br>141</p>
</td>
<td style="width: 107px; height: 10px;">
<p>2,680<br>203<br>1,518</p>
</td>
<td style="width: 138px; height: 10px;"> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</articlesection>
<articlesection class="">
<img src="/media/mrkfwgyw/accommodation.jpg?anchor=center&mode=crop&width=1107&height=768&rnd=133371029313000000" class="img-fluid">
</articlesection>
</articlestaggeredright>
</section>
<style type="text/css">
.pink-text {
color:#E6007E !important;
}
.bottomleft {
position:relative !important;
right:unset !important;
top:-70px !important;
}
</style>
<section class="pt-5 imageFullWidth">
<div class="view" style="background-image: url('/media/vx3mfswm/spec-banner-2.png?anchor=center&mode=crop&width=1920&height=600&rnd=133371055894700000'); background-repeat: no-repeat; background-position: center center; height:600px;">
<!-- Mask & flexbox options-->
<div class="mask align-items-center">
<!-- Content -->
<div class="container">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-12 mb-4 white-text text-center d-flex align-items-center justify-content-center" style="height:673px;">
<div>
<h2 class="text-center text-white"></h2>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>
</section>
<section class="pt-5 pb-5 textFullWidth">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<h2 class="mt-5 mb-5">Floor plans</h2>
<p>The Dirac Building offers open plan, column free <br>flexible floor space.</p>
<p>You can download the floor plans below.</p>
</div>
<div class="col-md-6 col-sm-12">
<h2 class="mt-5 mb-5">Specifications at a glance </h2>
<ul>
<li>Services installation: 1:8m<sup>2</sup> </li>
<li>Floor loading: 3.3kN/m<sup>2</sup> </li>
<li>Floor to ceiling: 2850mm (target)</li>
<li>Floorplate size: 17,000 sq ft</li>
<li>EPC rating: A (target)</li>
</ul>
</div>
<div class="col-12">
<p class="pt-3">
<a href="https://www.sjip.co.uk/media/y1sjpg50/dirac-building-floor-plans-specification.pdf" class="shortWhiteArrowsLink" target="_blank">
</a></p><div class="wrapperLong"><a href="https://www.sjip.co.uk/media/y1sjpg50/dirac-building-floor-plans-specification.pdf" class="shortWhiteArrowsLink" target="_blank">
<svg id="Long_Navy" data-name="Long Navy" xmlns="http://www.w3.org/2000/svg" width="200" height="52.672" viewBox="0 0 200 52.672">
<g id="Group_99" data-name="Group 99" transform="translate(141.493 52.672)">
<path id="Path_49" data-name="Path 83" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_100" data-name="Group 100" transform="translate(141.493)">
<path id="Path_48" data-name="Path 84" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
<g id="Group_52" data-name="Group 52">
<path id="Path_47" data-name="Path 47" d="M0,0V52.672H137.714l25.255-26.336L137.714,0Z" fill="#e6007e"></path>
</g>
<text id="Tell_me_more" data-name="St John’s Innovation Centre" transform="translate(20.7 32.503)" fill="#fff" font-size="16" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">Download</tspan></text>
<g id="Group_102" data-name="Group 102" transform="translate(152.182 52.672)">
<path id="Path_50" data-name="Path 86" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_103" data-name="Group 103" transform="translate(152.182)">
<path id="Path_51" data-name="Path 87" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
</svg>
</a></div><a href="https://www.sjip.co.uk/media/y1sjpg50/dirac-building-floor-plans-specification.pdf" class="shortWhiteArrowsLink" target="_blank">
</a>
<p></p>
</div>
</div>
</div>
</section>
<section class="pt-5 pb-5">
<article>
<articlesection class="">
<div class="ml-5 text-white">
<div class="row">
<div class="col-md-12">
<div class="colHeading">
<h1 class="mt-5 ml-sm-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">iNNOVATION READY</h1>
</div>
</div>
<div class="colContent">
<p>St John’s Innovation Park provides a thriving working environment for innovative R&D, technology and life science companies of all sizes and is home to an exciting and diverse community of organisations.</p>
<p>With the working environment never more in focus than it is today, the Park is a vibrant hub of activity, combining best-in-class workspaces with a range of on-site facilities, including conference & meeting room space, a bistro/restaurant and large landscaped areas to maximise enjoyment of the outside spaces, all of which ensure occupiers enjoy a balanced working day.</p>
<p>
<a href="/about/" class="shortWhiteArrowsLink" target="_self">
</a></p><div class="wrapper"><a href="/about/" class="shortWhiteArrowsLink" target="_self">
<svg id="Short-White_Arrows" data-name="Short-White Arrows" xmlns="http://www.w3.org/2000/svg" width="177" height="52.672" viewBox="0 0 174.345 52.672" class="shortWhiteArrows">
<g id="Group_52" data-name="Group 52">
<path id="Path_47" data-name="Path 47" d="M0,0V52.672H117.714l25.255-26.336L117.714,0Z" fill="#e6007e"></path>
</g>
<text id="Tell_me_more" data-name="Tell me more" transform="translate(15.958 32.503)" fill="#fff" font-size="16" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">Tell me more</tspan></text>
<g id="Group_53" data-name="Group 53" transform="translate(122.096 52.672)">
<path id="Path_48" data-name="Path 48" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#fff"></path>
</g>
<g id="Group_54" data-name="Group 54" transform="translate(122.096)">
<path id="Path_49" data-name="Path 49" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#fff"></path>
</g>
<g id="Group_55" data-name="Group 55" transform="translate(132.784 52.672)">
<path id="Path_50" data-name="Path 50" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#fff"></path>
</g>
<g id="Group_56" data-name="Group 56" transform="translate(132.784)">
<path id="Path_51" data-name="Path 51" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#fff"></path>
</g>
</svg>
</a></div><a href="/about/" class="shortWhiteArrowsLink" target="_self">
</a>
<p></p>
</div>
</div>
</div>
</articlesection>
<articlesection>
<img src="/media/ndjfm5cu/ben-blennerhassett-zxfuum_lr0k-unsplash.jpg?crop=0.00071060579143718511,0.21578210753382443,0,0.21122938250227458&cropmode=percentage&rnd=133114353753130000" class="img-fluid">
</articlesection>
</article>
</section>
<section class="pt-5 mb-5 imageWithOverlay">
<div class="overlay">
<img src="/media/pnkj1au5/sjip_dirac_v3.jpg?crop=0.14562045042889851,0.060963993141550772,0,0.22461421223090108&cropmode=percentage&width=1920&height=800&rnd=132592555594700000" alt="" class="img-fluid">
</div>
<div class="overlay ">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-12">
<h2 class="text-center text-white">GETT<span>i</span>NG HERE</h2>
</div>
<div class="col-md-6 col-sm-12 pr-5 pb-5 pl-5">
<div class="bodyText">
<p>Located north-east of Cambridge city centre, St John’s Innovation Park is ideally positioned at the centre of the North Cambridge Research & Development Cluster and is easily accessible via air, road, rail, public transport, by bicycle and on foot. The Park also supports a number of sustainable transport initiatives to support the daily commute.</p>
</div>
<a href="/getting-here/" class="shortWhiteArrowsLink" target="_self">
<div class="wrapper">
<svg id="Short-White_Arrows" data-name="Short-White Arrows" xmlns="http://www.w3.org/2000/svg" width="177" height="52.672" viewBox="0 0 174.345 52.672" class="shortWhiteArrows">
<g id="Group_52" data-name="Group 52">
<path id="Path_47" data-name="Path 47" d="M0,0V52.672H117.714l25.255-26.336L117.714,0Z" fill="#e6007e"></path>
</g>
<text id="Tell_me_more" data-name="Tell me more" transform="translate(15.958 32.503)" fill="#fff" font-size="16" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">Tell me more</tspan></text>
<g id="Group_53" data-name="Group 53" transform="translate(122.096 52.672)">
<path id="Path_48" data-name="Path 48" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#fff"></path>
</g>
<g id="Group_54" data-name="Group 54" transform="translate(122.096)">
<path id="Path_49" data-name="Path 49" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#fff"></path>
</g>
<g id="Group_55" data-name="Group 55" transform="translate(132.784 52.672)">
<path id="Path_50" data-name="Path 50" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#fff"></path>
</g>
<g id="Group_56" data-name="Group 56" transform="translate(132.784)">
<path id="Path_51" data-name="Path 51" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#fff"></path>
</g>
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="pt-5 pb-5">
<articlestaggered class=" articleStaggeredCrosses">
<articlesection>
<div class="ml-5">
<div class="row">
<div class="col-md-12">
<div class="colHeading">
<h2 class="mt-5 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-iteration-count: 1;">Development Partner</h2>
</div>
</div>
<div class="colContent">
<p>Turnstone Estates is the appointed Development Partner for the next phase of St John’s Innovation Park’s growth – the delivery of the Dirac Building and associated transport hub.</p>
<p>St John’s College enjoys a trusted, long-term relationship with Turnstone, who successfully delivered the 65,000 sq ft Maurice Wilkes building at the Park in 2018. The building was fully let shorty after completion.</p>
<p class="pt-3">
<a href="http://turnstoneestates.com" class="shortWhiteArrowsLink" target="_blank">
</a></p><div class="wrapperLong"><a href="http://turnstoneestates.com" class="shortWhiteArrowsLink" target="_blank">
<svg id="Long_Navy" data-name="Long Navy" xmlns="http://www.w3.org/2000/svg" width="313.743" height="52.672" viewBox="0 0 313.743 52.672">
<g id="Group_99" data-name="Group 99" transform="translate(261.493 52.672)">
<path id="Path_49" data-name="Path 83" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_100" data-name="Group 100" transform="translate(261.493)">
<path id="Path_48" data-name="Path 84" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
<g id="Group_101" data-name="Group 101">
<path id="Path_47" data-name="Path 85" d="M0,0V52.672H257.111l25.256-26.336L257.111,0Z" fill="#e6007e"></path>
</g>
<text id="Tell_me_more" data-name="St John’s Innovation Centre" transform="translate(28.7 32.503)" fill="#fff" font-size="16" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">Explore Turnstone </tspan></text>
<g id="Group_102" data-name="Group 102" transform="translate(272.182 52.672)">
<path id="Path_50" data-name="Path 86" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_103" data-name="Group 103" transform="translate(272.182)">
<path id="Path_51" data-name="Path 87" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
</svg>
</a></div><a href="http://turnstoneestates.com" class="shortWhiteArrowsLink" target="_blank">
</a>
<p></p>
</div>
</div>
</div>
</articlesection>
<articlesection>
<img src="/media/10admoev/28520365712_58bcc86384_o.jpg?crop=0,0,0.36974789915966388,0.028337622311797404&cropmode=percentage&width=1107&height=768&rnd=133128892361400000" class="img-fluid">
</articlesection>
</articlestaggered>
</section>
<section class="agents pt-5 mb-5">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="text-center mt-5 mb-5">Agent Details</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12 mb-5">
<div class="row">
<div class="col-3">
<img src="/media/3fwirm0f/savills.jpg?anchor=center&mode=crop&rnd=132595143560870000" class="img-fluid">
</div>
<div class="col-9">
<div class="row">
<div class="col-12">
<h3 class="mb-3">Stuart Chambers</h3>
</div>
<div class="col-md-6 col-12 pt-md-0 pt-3">
<h4>Savills</h4>
<p>Office/R&D Agency <br>Savills Cambridge<br>T: + 44 (0)20 7075 8223<br>M: +44 (0)7870 999 339</p>
<a href="mailto:[email protected]" target="_blank" style="white-space: nowrap;">Email Me</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mb-5">
<div class="row">
<div class="col-3">
<img src="/media/3fwirm0f/savills.jpg?anchor=center&mode=crop&rnd=132595143560870000" class="img-fluid">
</div>
<div class="col-9">
<div class="row">
<div class="col-12">
<h3 class="mb-3">Mark Taylor</h3>
</div>
<div class="col-md-6 col-12 pt-md-0 pt-3">
<h4>Savills</h4>
<p>Office/R&D Agency <br>Savills Cambridge<br>T: +44 (0)1223 347254<br>M: +44 (0)7721 892966</p>
<a href="mailto:[email protected]" target="_blank" style="white-space: nowrap;">Email Me</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mb-5">
<div class="row">
<div class="col-3">
<img src="/media/2obpeaco/dtre-square.jpg?anchor=center&mode=crop&rnd=133317318438270000" class="img-fluid">
</div>
<div class="col-9">
<div class="row">
<div class="col-12">
<h3 class="mb-3">Mike Ayton</h3>
</div>
<div class="col-md-6 col-12 pt-md-0 pt-3">
<h4>DTRE</h4>
<p>M: +44 (0)7836 266 687</p>
<a href="mailto: [email protected]" target="_blank" style="white-space: nowrap;">Email Me</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mb-5">
<div class="row">
<div class="col-3">
<img src="/media/2obpeaco/dtre-square.jpg?anchor=center&mode=crop&rnd=133317318438270000" class="img-fluid">
</div>
<div class="col-9">
<div class="row">
<div class="col-12">
<h3 class="mb-3">Jamie Green</h3>
</div>
<div class="col-md-6 col-12 pt-md-0 pt-3">
<h4>DTRE</h4>
<p>M: +44 (0)7776 161 534</p>
<a href="mailto:[email protected]" target="_blank" style="white-space: nowrap;">Email Me</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="getInTouch">
<div class="container mt-5 pb-5">
<div class="row">
<div class="col-12 mb-5 pt-5">
<h3>Get in touch</h3>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<img src="/media/4teknbbq/savills-footer.png?anchor=center&mode=crop&rnd=132597716339930000" class="img-fluid">
<h4 class="pt-3">Park Management</h4>
<p>
Reka Vavrinecz<br>
T: +44 (0)1223 347 077
</p>
<p><a href="mailto:[email protected]">Email Me</a></p>
</div>
<div class="col-md-4">
<img src="/media/5iqji5xt/sjic-footer-1.jpg?anchor=center&mode=crop&rnd=132597719269000000" class="img-fluid">
<h4 class="pt-3">Innovation Centre</h4>
<p>
Miranda Edwards<br>
T: +44 (0)1223 420 252
</p>
<p><a href="mailto:[email protected]">Email Me</a></p>
</div>
<div class="col-md-4">
<img src="/media/4teknbbq/savills-footer.png?anchor=center&mode=crop&rnd=132597716339930000" class="img-fluid">
<h4 class="pt-3">Availability</h4>
<p>
Ross Hemmings<br>
T: +44 (0)1223 347 254
</p>
<p><a href="mailto:[email protected]">Email Me</a></p>
</div>
</div>
</div>
<div class="col-md-5 ml-5">
<div class="row">
<form id="contact-form" name="contact-form" onsubmit="return submitEmail()">
<div class="row">
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="yourname" name="yourname" class="form-control" required="">
<label for="name" class="">Name</label>
</div>
</div>
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="email" name="email" class="form-control" required="">
<label for="email" class="">Email</label>
</div>
</div>
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="telephone" name="subject" class="form-control" required="">
<label for="subject" class="">Telephone</label>
</div>
</div>
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="company" name="company" class="form-control" required="">
<label for="subject" class="">Company</label>
</div>
</div>
<div class="col-md-12">
<div class="md-form">
<textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea" required=""></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-md-12">
<div id="pleaseWaitMessage" class="pt-2" style="display:none;">
<p>Please wait. We are submitting your details...</p>
</div>
<div id="subscribeSuccessPanel" class="pt-2" style="display:none;">
<p>Thank you. We have received your details and someone will contact you shortly.</p>
</div>
<div id="subscribeFailurePanel" class="pt-2" style="display:none;">
<p>Sorry. There was a problem submitting your details. Please try again.</p>
</div>
<a href="javascript:void(0);" class="shortWhiteArrowsLink login-button">
<div class="wrapper">
<svg id="Short-White_Arrows" data-name="Short-White Arrows" xmlns="http://www.w3.org/2000/svg" width="177" height="52.672" viewBox="0 0 174.345 52.672" class="shortWhiteArrows">
<g id="Group_52" data-name="Group 52">
<path id="Path_47" data-name="Path 47" d="M0,0V52.672H117.714l25.255-26.336L117.714,0Z" fill="#e6007e"></path>
</g>
<text id="Tell_me_more" data-name="Tell me more" transform="translate(15.958 32.503)" fill="#fff" font-size="16" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="0" y="0">Submit</tspan></text>
<g id="Group_53" data-name="Group 53" transform="translate(122.096 52.672)">
<path id="Path_48" data-name="Path 48" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_54" data-name="Group 54" transform="translate(122.096)">
<path id="Path_49" data-name="Path 49" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
<g id="Group_55" data-name="Group 55" transform="translate(132.784 52.672)">
<path id="Path_50" data-name="Path 50" d="M0,0H5.131l26.43-26.386L29.044-28.9Z" fill="#202346"></path>
</g>
<g id="Group_56" data-name="Group 56" transform="translate(132.784)">
<path id="Path_51" data-name="Path 51" d="M0,0,29.044,28.8l2.517-2.519L5.131,0Z" fill="#202346"></path>
</g>
</svg>
</div>
</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer class="pt-5 pb-5">
<div class="container">
<div class="row">
<div class="col-12">
<h5>Explore St John's Innovation Park</h5>
</div>
<div class="col-6">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/about/">About</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/community-life/">Community Life</a>
</li>
<li class="nav-item active">
<a class="nav-link waves-effect waves-light" href="/availability/">Availability</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/dirac-building/">Dirac Building</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/occupiers/">Occupiers</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/news/">News</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/getting-here/">Getting Here</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/contact/">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="/privacy-policy">Privacy Policy</a>
</li>
</ul>
</div>
<div class="col-6">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="https://twitter.com/St_Johns_IP" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-light" href="https://www.linkedin.com/company/72286077/admin/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/mdb.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollToPlugin.min.js"></script>
<script src="/js/SplitText.min.js"></script>
<script src="/js/TextPlugin.min.js"></script>
<script src="/js/Physics2DPlugin.min.js"></script>
<script src="/js/PhysicsPropsPlugin.min.js"></script>
<script src="/js/DrawSVGPlugin.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
gsap.registerPlugin(ScrollTrigger);
new WOW().init();
$(function () {
$("#mdb-lightbox-ui").load("/mdb-addons/mdb-lightbox-ui.html");
});
$(".wrapper").each(function (i, el) {
var tl = new TimelineMax({ paused: true })
tl.to($(el).find("#Path_49"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Path_50"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Path_51"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Path_48"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Tell_me_more"), 0.15, { fill: '#e6007e' }, 0)
.to($(el).find("#Path_47"), 0.15, { fill: '#fff' }, 0)
el.animation = tl;
$(el).on("mouseenter", function () {
this.animation.play();
}).on("mouseleave", function () {
this.animation.reverse();
});
/*$(".shortWhiteArrows").hover(function () {
tl.play();
}, function () {
tl.reverse();
});
*/
});
let heroTl = gsap.timeline({ delay: 1 });
heroTl
.from(['#Path_28'], { opacity: 0, duration: .3 })
.from(['#Path_29'], { opacity: 0, duration: .3 }, '-=0.1')
.from(['#Path_30'], { opacity: 0, duration: .3 }, '-=0.1')
.from(['#Path_31'], { opacity: 0, duration: .3 }, '-=0.1');
let heroTl2 = gsap.timeline({ delay: 0.8 });
heroTl2
.from(['#image005'], { opacity: 0, y: 600, duration: 1 })
.from(['#Group_262'], { opacity: 0, y: 650, duration: .75 }, '-=1.25')
.from(['#Mask_Group_17'], { opacity: 0, duration: 3 }, '-=2.5');
let heroTl3 = gsap.timeline({ delay: 0.2 });
heroTl3
.from(['#neonbrand-QOmBsCLRvNU-unsplash'], { opacity: 0, duration: 4 })
.from(['#liam-charmer-Aifb5-daBPs-unsplash'], { opacity: 0, duration: 3 }, '-=3.0')
.from(['#Enscape_2020-06-16-21-03-32-PR'], { opacity: 0, duration: 3 }, '-=3.0');
let heroTl4 = gsap.timeline({ delay: 0.2 });
heroTl4
.from(['#Group_37'], { opacity: 0, duration: 2, x: 1000, ease: "power4.out" });
$(".wrapperLong").each(function (i, el) {
var tl = new TimelineMax({ paused: true })
tl.to($(el).find("#Path_49"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Path_50"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Path_51"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Path_48"), 0.15, { x: 10, fill: '#e6007e' }, 0)
.to($(el).find("#Tell_me_more"), 0.15, { fill: '#ffffff' }, 0)
.to($(el).find("#Path_47"), 0.15, { fill: '#2F2646' }, 0)
el.animation = tl;
$(el).on("mouseenter", function () {
this.animation.play();
}).on("mouseleave", function () {
this.animation.reverse();
});
/*$(".shortWhiteArrows").hover(function () {
tl.play();
}, function () {
tl.reverse();
});
*/
});
$(".t_btn_about").each(function (index, element) {
var tl = new TimelineMax({ paused: true });
var cov = $(this).find(".hover_overlay");
tl.from(cov, .25, { scaleY: 0, transformOrigin: "center" });
//.to(cov, 1, {scaleX: 0,transformOrigin: "right"}, "reveal");
element.animation = tl;
})
$(".t_btn_about").mouseenter(function () {
this.animation.play();
})
$(".t_btn_about").mouseleave(function () {
this.animation.reverse();
})
//$('.occupierList').find('.col-md-4:nth-child(3n)').fadeTo(1, 0.5);
gsap.set($('.occupierList').find('.col-md-4:nth-child(3n-1)'),
{
y: '+=100'
});
gsap.set($('.occupierList').find('.col-md-4:nth-child(3n)'),
{
y: '+=200'
});
gsap.set($('.existingBuildings').find('.col-md-4:nth-child(3n-1)'),
{
y: '+=100'
});
gsap.set($('.existingBuildings').find('.col-md-4:nth-child(3n)'),
{
y: '+=200'
});
});
gsap.set($('.newsArticles').find('.col-md-4:nth-child(3n-1)'),
{
y: '+=100'
});
gsap.set($('.newsArticles').find('.col-md-4:nth-child(3n)'),
{
y: '+=200'
});
gsap.set($('.newsOpinion').find('.col-md-4:nth-child(3n-1)'),
{
y: '+=100'
});
gsap.set($('.newsOpinion').find('.col-md-4:nth-child(3n)'),
{
y: '+=200'
});
$(function () {
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");
});
function w(id) {
$('#modal-' + id).modal('show');
}
function submitEmail() {
$('#newsletterButton').hide();
$('#pleaseWaitMessage').fadeIn();
$.ajax({
type: "GET",
url: "/ajax/subscriber",
data: { action: "add", yourname: $("#yourname").val(), email: $("#email").val(), telephone: $("#telephone").val(), company: $("#company").val(), message: $("#message").val() }
})
.done(function (msg) {
$('#pleaseWaitMessage').hide();
$('#subscribePanel').hide();
if (msg == "success") {
$('#subscribeSuccessPanel').fadeIn();
} else {
$('#subscribeFailurePanel').fadeIn();
}
});
return false;
}
$(document).ready(function(){
$(document).on("click",".login-button",function(){
var form = $(this).closest("form");
//console.log(form);
form.submit();
});
});
</script>
<div class="hiddendiv common"></div></body></html>