StalinMazaEpn/sample-basic-page.html

## sample-basic-page.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Microsoft Azure App Service - Welcome</title>
    <link rel="shortcut icon" href="https://appservice.azureedge.net/images/app-service/v4/favicon.ico"
        type="image/x-icon" />
    <link href="https://appservice.azureedge.net/css/app-service/v4/bootstrap.min.css" rel="stylesheet"
        crossorigin="anonymous" />
    <style>
        html,
        body {
            height: 100%;
            background-color: #ffffff;
            color: #000000;
            font-size: 13px;
        }

        * {
            border-radius: 0 !important;
        }
    </style>
    <script src="https://appservice.azureedge.net/js/app-service/v4/loc.min.js" crossorigin="anonymous"></script>
    <script
        type="text/javascript">window.onload = function () { try { var a = window.location.hostname; if (a.includes(".azurewebsites.net")) { a = a.replace(".azurewebsites.net", "") }; var b = document.getElementById("depCenterLink"); b.setAttribute("href", b.getAttribute("href") + "&sitename=" + a); loc() } catch (d) { } }</script>
</head>

<body>
<style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    body {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }

    .paragraph-two {
        font-size: 1.5rem;
    }

    .paragraph-one a {
        text-decoration: none;
        color: crimson;
        font-size: 2rem;
        font-weight: bolder;
    }
</style>
</head>

<body>
    <article>
        <p class="paragraph-one">
            <a href="freecodecamp.org">freeCodeCamp</a>
            is one of the best platforms to learn how to code
        </p>
        <p class="paragraph-two">
            Learning to code is free on freeCodeCamp, that's why they call it
            freeCodeCamp
        </p>
        <p class="paragraph-three">
            freeCodeCamp generates money through donations inorder to pay employees
            and maintain servers.
        </p>
        <p id="paragraph-four">
            If you're generous enough, consider joining others who have been
            donating to freeCodeCamp
        </p>
        <p class="paragraph-five">
            At freeCodeCamp, it's not all about typing on a code editor alone,
            there's a forum like StackOverflow, where you can ask questions about
            your coding problems and get answers from campers alike.
        </p>
    </article>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>Microsoft Azure App Service - Welcome</title>
	<link rel="shortcut icon" href="https://appservice.azureedge.net/images/app-service/v4/favicon.ico"
	type="image/x-icon" />
	<link href="https://appservice.azureedge.net/css/app-service/v4/bootstrap.min.css" rel="stylesheet"
	crossorigin="anonymous" />
	<style>
	html,
	body {
	height: 100%;
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	}

	* {
	border-radius: 0 !important;
	}
	</style>
	<script src="https://appservice.azureedge.net/js/app-service/v4/loc.min.js" crossorigin="anonymous"></script>
	<script
	type="text/javascript">window.onload = function () { try { var a = window.location.hostname; if (a.includes(".azurewebsites.net")) { a = a.replace(".azurewebsites.net", "") }; var b = document.getElementById("depCenterLink"); b.setAttribute("href", b.getAttribute("href") + "&sitename=" + a); loc() } catch (d) { } }</script>
	</head>

	<body>
	<style>
	* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	}

	body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	}

	.paragraph-two {
	font-size: 1.5rem;
	}

	.paragraph-one a {
	text-decoration: none;
	color: crimson;
	font-size: 2rem;
	font-weight: bolder;
	}
	</style>
	</head>

	<body>
	<article>
	<p class="paragraph-one">
	<a href="freecodecamp.org">freeCodeCamp</a>
	is one of the best platforms to learn how to code
	</p>
	<p class="paragraph-two">
	Learning to code is free on freeCodeCamp, that's why they call it
	freeCodeCamp
	</p>
	<p class="paragraph-three">
	freeCodeCamp generates money through donations inorder to pay employees
	and maintain servers.
	</p>
	<p id="paragraph-four">
	If you're generous enough, consider joining others who have been
	donating to freeCodeCamp
	</p>
	<p class="paragraph-five">
	At freeCodeCamp, it's not all about typing on a code editor alone,
	there's a forum like StackOverflow, where you can ask questions about
	your coding problems and get answers from campers alike.
	</p>
	</article>
	</body>

	</html>