			<div class="bs-login-container" style="display:flex; width: 100%; height: 100vh; justify-content: center; align-items: center;">
				<div class="bs-login-box" style=" border-radius: 5px; min-width: 250px; padding: 50px 30px; box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.27); background:#0a2342; display: flex; flex-direction: column; align-items: center;">
					<img src="https://handbook.berkhamsted.com/wp-content/themes/berkhamsted/images/favicon.png"/><a target="_blank" style="font-family: arial; text-decoration: none; color:#fff; padding: 10px 15px; background:#752282; border-radius: 5px; margin-top: 15px;" href="https://parents.berkhamsted.com">Login using My School Portal</a>					<div>
                        <style>
                            .wpo365-mssignin-wrapper {
                                box-sizing: border-box;
                                display: block;
                                width: 100%;
                                padding: 12px 12px 24px 12px;
                                text-align: center;
                            }
                            .wpo365-mssignin-spacearound {
                                display: inline-block;
                            }
                            .wpo365-mssignin-wrapper form {
                                display: none;
                            }
                            .wpo365-mssignin-button {
                                border: 1px solid #8c8c8c;
                                background: #ffffff;
                                display: flex;
                                display: -webkit-box;
                                display: -moz-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -webkit-box-align: center;
                                -moz-box-align: center;
                                -ms-flex-align: center;
                                -webkit-align-items: center;
                                align-items: center;
                                -webkit-box-pack: center;
                                -moz-box-pack: center;
                                -ms-flex-pack: center;
                                -webkit-justify-content: center;
                                justify-content: center;
                                cursor: pointer;
                                max-height: 41px;
                                min-height: 41px;
                                height: 41px;
                            }
                            .wpo365-mssignin-logo {
                                padding-left: 12px;
                                padding-right: 6px;
                                -webkit-flex-shrink: 1;
                                -moz-flex-shrink: 1;
                                flex-shrink: 1;
                                width: 21px;
                                height: 21px;
                                box-sizing: content-box;
                                display: flex;
                                display: -webkit-box;
                                display: -moz-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -webkit-box-pack: center;
                                -moz-box-pack: center;
                                -ms-flex-pack: center;
                                -webkit-justify-content: center;
                                justify-content: center;
                            }
                            .wpo365-mssignin-label {
                                padding-left: 6px;
                                padding-right: 12px;
                                font-weight: 600;
                                color: #5e5e5e;
                                font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
                                font-size: 15px;
                                -webkit-flex-shrink: 1;
                                -moz-flex-shrink: 1;
                                flex-shrink: 1;
                                height: 21px;
                                line-height: 21px;
                            }
            
                        </style>
                        <div id="wpo365OpenIdRedirect" class="wpo365-mssignin-wrapper">
                            <div class="wpo365-mssignin-spacearound">
                                <div class="wpo365-mssignin-button" onclick="window.wpo365.pintraRedirect.toMsOnline()">
                                    <div class="wpo365-mssignin-logo">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21">
                                            <title>MS-SymbolLockup</title>
                                            <rect x="1" y="1" width="9" height="9" fill="#f25022"/>
                                            <rect x="1" y="11" width="9" height="9" fill="#00a4ef"/>
                                            <rect x="11" y="1" width="9" height="9" fill="#7fba00"/>
                                            <rect x="11" y="11" width="9" height="9" fill="#ffb900"/>
                                        </svg>
                                    </div>
                                    <div class="wpo365-mssignin-label">Sign in with Microsoft</div>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
			</div>
			BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//Berkhamsted - ECPv4.7.3//NONSGML v1.0//EN
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALNAME:Berkhamsted
X-ORIGINAL-URL:https://handbook.berkhamsted.com
X-WR-CALDESC:Events for Berkhamsted
END:VCALENDAR