<!DOCTYPE html>
<html>
	<style>
		body {
			font-family: Arial;
		}

		/* Style the tab */
		.tab {
			overflow: hidden;
			border: 1px solid #ccc;
			background-color: #f1f1f1;
		}

		/* Style the buttons that are used to open the tab content */
		.tab button {
			background-color: inherit;
			float: left;
			border: none;
			outline: none;
			cursor: pointer;
			padding: 14px 16px;
			transition: 0.3s;
		}

		/* Change background color of buttons on hover */
		.tab button:hover {
			background-color: #ddd;
		}

		/* Create an active/current tablink class */
		.tab button.active {
			background-color: #ccc;
		}

		/* Style the tab content */
		.tabcontent {
			display: none;
			padding: 6px 12px;
		}

		.banner {
			margin: auto;
			width: 100%;
			align-items: center;
			justify-content: center;
			display: flex;
		}
	</style>
	<head>
		<title>Mend Pilates Perth</title>
	</head>
	<body>
		<div class="banner">
			<?xml version="1.0" encoding="UTF-8" standalone="no"?>
			<svg
				xmlns:dc="http://purl.org/dc/elements/1.1/"
				xmlns:cc="http://creativecommons.org/ns#"
				xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
				xmlns:svg="http://www.w3.org/2000/svg"
				xmlns="http://www.w3.org/2000/svg"
				id="svg4"
				xml:space="preserve"
				viewBox="0 0 1024 768"
				y="0px"
				x="0px"
				height="200px"
				version="1.1"
			>
			<metadata id="metadata10">
				<rdf:RDF>
					<cc:Work rdf:about="">
						<dc:format>image/svg+xml</dc:format>
						<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
					</cc:Work>
				</rdf:RDF>
			</metadata>
			<defs id="defs8" />
			<path
				id="path2"
				d="m215.28906 282.70898v126h9v-107.46093l52.74024 90.7207h4.5l52.74023-91.08008 0.17969 107.82031h9l-0.17969-126h-7.56055l-56.33984 97.37891-56.33984-97.37891h-7.74024zm184.41406 0v8.2793h81.54102v-8.2793h-81.54102zm133.08594 0v126h9.17969v-109.43945l85.86133 109.43945h7.55859v-126h-9.17969v109.43946l-85.67968-109.43946h-7.74024zm159.10156 0v8.2793h49.14063c11.51997 0 21.77933 2.34149 30.7793 7.02149 8.82 4.68 15.6595 11.15976 20.51953 19.25976 4.67997 8.28 7.20117 17.81945 7.20117 28.43945 0 10.8-2.5212 20.15946-7.20117 28.43946-4.86003 8.28-11.69953 14.75945-20.51953 19.43945-8.99997 4.68-19.25933 6.8418-30.7793 6.8418h-39.96094v-54.72071h-9.17969v63h49.85938c12.96002 0 24.6602-2.6996 34.74023-8.0996 10.07997-5.4 17.99974-12.78032 23.75977-22.32032 5.58-9.54 8.46094-20.34008 8.46094-32.58008 0-12.06-2.88094-22.86039-8.46094-32.40039-5.76003-9.54-13.6798-16.92-23.75977-22.5-10.08003-5.4-21.7802-8.09961-34.74023-8.09961h-49.85938zm-292.1875 57.95899v8.10156h81.54102v-8.10156h-81.54102zm0 59.76172v8.27929h81.54102v-8.27929h-81.54102zm64.83399 44.27929v40.36524h5.05859v-40.36524h-5.05859zm-26.58594 0.10938c-0.90666 0-1.66667 0.30729-2.2832 0.92383-0.58027 0.61653-0.87111 1.39691-0.87109 2.33984 0 0.94293 0.29082 1.72136 0.87109 2.33789 0.61653 0.61654 1.37654 0.92578 2.2832 0.92578 0.90667 0 1.6502-0.30924 2.23047-0.92578 0.61653-0.61653 0.92578-1.39496 0.92578-2.33789s-0.30925-1.72331-0.92578-2.33984c-0.58027-0.61654-1.3238-0.92383-2.23047-0.92383zm-52.50195 2.17578v38.08008h5.22266v-11.85938h9.46484c4.71467 0 8.37708-1.16135 10.98828-3.48242 2.6112-2.35733 3.91797-5.65719 3.91797-9.90039 0-4.06187-1.30677-7.21631-3.91797-9.46484-2.57493-2.24854-6.23735-3.37305-10.98828-3.37305h-14.6875zm154.79687 2.55664v7.72461h-4.08007v3.86133h4.08007v15.93945c0 2.75627 0.70864 4.82499 2.12305 6.20313 1.4144 1.34186 3.26403 2.01172 5.54883 2.01172 2.28479 0 4.53187-0.7067 6.74414-2.1211l-1.35938-3.91797c-1.59573 0.90667-3.0828 1.36133-4.46093 1.36133-1.16054 0-2.03106-0.34414-2.61133-1.0332-0.58027-0.68907-0.86914-1.832-0.86914-3.42774v-15.01562h8.8125v-3.86133h-8.8125v-7.72461h-5.11524zm-140.32617 2.17578c3.264 0 5.76506 0.7067 7.50586 2.1211 1.7408 1.37813 2.61133 3.42843 2.61133 6.14843 0 2.79254-0.87053 4.9126-2.61133 6.36329-1.7408 1.4144-4.24186 2.12304-7.50586 2.12304h-9.24804v-16.70117l9.24804-0.05469zm228.34961 4.35156c-2.93761 0-5.38535 0.67181-7.34375 2.01368-1.95839 1.34186-2.9375 3.35337-2.9375 6.03711 0 1.7408 0.41587 3.15614 1.25 4.24414 0.8704 1.088 1.90476 1.92168 3.10156 2.50195 1.23307 0.544 2.81029 1.08881 4.73243 1.63281 2.176 0.6528 3.79006 1.30423 4.84179 1.95703 1.088 0.6528 1.6328 1.6319 1.63282 2.9375 0 1.26934-0.50798 2.21355-1.52344 2.83008-1.01547 0.61654-2.35713 0.92383-4.02539 0.92383-1.66827 0-3.39091-0.32572-5.16797-0.97852-1.7408-0.6528-3.20945-1.52332-4.40625-2.61132l-1.9043 3.69921c1.37813 1.26934 3.06393 2.24844 5.05859 2.9375 2.03094 0.68908 4.11613 1.03321 6.25586 1.03321 3.0464 0 5.58431-0.7067 7.61524-2.1211 2.0672-1.4144 3.10156-3.48117 3.10156-6.20117 0-1.8496-0.45271-3.33667-1.35937-4.46094-0.8704-1.12425-1.94161-1.97637-3.21094-2.55664-1.26933-0.58026-2.89987-1.16192-4.89453-1.74218-2.10347-0.61654-3.68069-1.21466-4.73242-1.79492-1.01547-0.61654-1.52344-1.50353-1.52344-2.66407 0-1.16053 0.45271-2.01459 1.35937-2.55859 0.94294-0.58027 2.17602-0.86914 3.69922-0.86914 1.3056 0 2.66568 0.21714 4.08008 0.65234 1.45067 0.4352 2.7739 1.0149 3.9707 1.74024l1.84961-3.86133c-1.23306-0.83414-2.70171-1.48752-4.40625-1.95899-1.66826-0.50773-3.37249-0.76172-5.11328-0.76172zm-123.3457 0.05469c-2.42987 0-4.53349 0.3073-6.31055 0.92383-1.74081 0.58027-3.6457 1.5429-5.71289 2.88477l2.12305 3.48047c3.01014-2.06721 5.96588-3.09961 8.86718-3.09961 2.39362 0 4.20639 0.56128 5.43946 1.68554 1.26933 1.088 1.90429 2.6468 1.9043 4.67774v1.36133h-9.14063c-3.40906 0.03629-6.07395 0.81469-7.99609 2.33789-1.88587 1.48693-2.82813 3.51881-2.82813 6.09375 0 1.66826 0.39744 3.17375 1.19531 4.51562 0.83414 1.34187 1.99549 2.3927 3.48243 3.1543 1.52319 0.7616 3.28267 1.14258 5.27734 1.14258 4.56961 0 7.92472-1.41339 10.06445-4.24219v4.02539h5.00391l-0.05469-18.93164c-0.0363-3.1552-1.03379-5.60295-2.99219-7.34375-1.95839-1.77707-4.73186-2.66602-8.32226-2.66602zm80.90625 0c-2.79254 0-5.27713 0.63497-7.45313 1.9043-2.176 1.23307-3.88021 2.9557-5.11328 5.16797-1.1968 2.176-1.79492 4.67901-1.79492 7.50781s0.59812 5.34828 1.79492 7.56055c1.23308 2.21226 2.93729 3.9349 5.11328 5.16797 2.21227 1.1968 4.7337 1.79492 7.5625 1.79492 2.42987 0 4.64206-0.41587 6.63672-1.25 1.99467-0.83414 3.69888-2.01391 5.11328-3.53711l-2.77539-2.88281c-1.088 1.12426-2.3744 1.99479-3.86133 2.61132-1.45067 0.61654-3.02984 0.92383-4.73437 0.92383-2.57494 0-4.75028-0.76-6.52734-2.2832-1.7408-1.5232-2.81006-3.5735-3.20899-6.14844h22.73828c0.0363-0.36266 0.05469-0.90552 0.05469-1.63086 0-4.6784-1.14293-8.32434-3.42773-10.93554-2.2848-2.64747-5.65639-3.97071-10.11719-3.97071zm-150.38086 0.16407v28.77734h5.05859v-28.77734h-5.05859zm150.43555 4.02539c2.61119 0 4.71481 0.76 6.31054 2.2832 1.59574 1.48693 2.46626 3.53724 2.61133 6.14844h-18.2793c0.3264-2.57494 1.32393-4.62524 2.99219-6.14844 1.70454-1.5232 3.82657-2.2832 6.36524-2.2832zm-83.08399 11.64062h8.4336v2.88281c-0.3264 1.88587-1.32393 3.40978-2.99219 4.57032-1.632 1.12426-3.62705 1.68554-5.98438 1.68554-1.88586 0-3.39136-0.43428-4.51562-1.30468-1.12427-0.87041-1.68555-2.04823-1.68555-3.53516s0.54286-2.57656 1.63086-3.26563c1.12426-0.68906 2.82847-1.0332 5.11328-1.0332z"
				fill="#000000"
			>
		</svg>
	</div>
	<!-- Tab links -->
	<div class="tab">
		<button class="tablinks" onclick="openTab(event, 'About')">About</button>
		<button class="tablinks" onclick="openTab(event, 'Classes')">Classes</button>
		<button class="tablinks" onclick="openTab(event, 'Contact')">Contact</button>
	</div>

	<!-- Tab content -->
	<div id="About" class="tabcontent">
		<h3>About</h3>
		<p>About Mend Pilates.</p>
	</div>

	<div id="Classes" class="tabcontent">
		<h3>Classes</h3>
		<p>Class schedule.</p>
	</div>

	<div id="Contact" class="tabcontent">
		<h3>Contact</h3>
		<p>Contact us.</p>
	</div>
	<script>
		setActiveTab("About");

		function setActiveTab(tabName) {
			const tabElement = document.getElementById(tabName);
			tabElement.style.display = "block";
			tabElement.className += " active";
		}

		function openTab(evt, tabName) {
			var i, tabcontent, tablinks;
			tabcontent = document.getElementsByClassName("tabcontent");
			for (i = 0; i < tabcontent.length; i++) {
				tabcontent[i].style.display = "none";
			}
			tablinks = document.getElementsByClassName("tablinks");
			for (i = 0; i < tablinks.length; i++) {
				tablinks[i].className = tablinks[i].className.replace(" active", "");
			}
			setActiveTab(tabName);
		}
	</script>
</body>

</html>