aodag/index.html

## index.html
<!DOCTYPE html>
<html>
    <style>
        body {
            width: 100%;
        }
        .btn-container {
            width: 60%;
            margin-left: auto;
            margin-right: auto;
        }
        .btn-container button {
            display: block;
            padding: 50px;
            width: 100%;
            margin-top: 50px
        }
        .btn-on {
            background-color: red;
        }
        .btn-on:hover {
            background-color: pink;
        }
        .btn-off {
            background-color: green;
        }
        .btn-off:hover {
            background-color: aquamarine;
        }
    </style>
    <body>
        <div class="btn-container">
            <button class="btn-on">ON</button>
            <button class="btn-off"> OFF</button>
            <button>OFF</button>
            <button>OFF</button>
        </div>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<style>
	body {
	width: 100%;
	}
	.btn-container {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	}
	.btn-container button {
	display: block;
	padding: 50px;
	width: 100%;
	margin-top: 50px
	}
	.btn-on {
	background-color: red;
	}
	.btn-on:hover {
	background-color: pink;
	}
	.btn-off {
	background-color: green;
	}
	.btn-off:hover {
	background-color: aquamarine;
	}
	</style>
	<body>
	<div class="btn-container">
	<button class="btn-on">ON</button>
	<button class="btn-off"> OFF</button>
	<button>OFF</button>
	<button>OFF</button>
	</div>
	</body>
	</html>