shyal/index.html

## index.html
<html>
    <head>
        <style>
            @import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';

            header {
                background-color: #263d36;
                background-image: url("https://images.unsplash.com/photo-1511878587934-516d7ca5465b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1689&q=80");
                background-position: center top;
                background-repeat: no-repeat;
                background-size: cover;
                max-width: none;
                padding: 10vw 2em;
                margin: 0px;
            }

            body {
                margin: 0px;
            }

            main {
                margin: 0 auto;
                font-family: "Roboto", "Helvetica", "Arial", sans-serif;
                line-height: 1.5;
                padding: 4em 1em;
                max-width: 50em;
                color: #555;
            }

            h2 {
              margin-top: 1em;
              padding-top: 1em;
            }

            h1,
            h2,
            strong {
              color: #333;
            }

            .text-center {
                text-align: center;
            }

            a {
              color: #e81c4f;
            }

            .profile-pic {
                border-radius: 50%;
                margin: 5px;
                border: 1px solid grey;
                width: 200px;
                height: 200px;
                background-size: cover;
                background-position: top center;
                display: inline-block;
                box-shadow: -5px 5px 25px #888;
            }

        </style>

    </head>

    <body>

        <header>
        </header>

        <main class='text-center'>
            <h1>Hello, I'm MY_NAME</h1>

            <div style='background-image:url("URL_GOES_HERE")' class='profile-pic'></div>

            <h2>About</h2>
            <p>I'm lived most of my life in England, France, and spent a couple of years in India. I enjoy reading, blogging, and cycling.</p>

            <h2>Career</h2>
            <p>I started my career in film, working on titles such as the Harry Potter franchises, the Da Vinci Code, the Chronicles of Narnia, The Great Gatsby etc. In 2018 I worked on Avengers, which got voted best movie of 2018 by IMDB users.</p>
            <p>You can find me on <a href='https://linked.com/TODO-ADD-LINK'>Linkedin</a>.</p>

        <h2>Teaching</h2>

        <p>I enjoy teaching coding to both youngers and adults. For example a lectured around India for ICAT, and more recently i teach coding on Facebook.</p>

        <h2>Contacting me</h2>

        <p>The best way of getting in touch is via email: codebase at this domain.</p>

        </main>

    </body>
</html>
	<html>
	<head>
	<style>
	@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';

	header {
	background-color: #263d36;
	background-image: url("https://images.unsplash.com/photo-1511878587934-516d7ca5465b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1689&q=80");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: none;
	padding: 10vw 2em;
	margin: 0px;
	}

	body {
	margin: 0px;
	}

	main {
	margin: 0 auto;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	line-height: 1.5;
	padding: 4em 1em;
	max-width: 50em;
	color: #555;
	}

	h2 {
	margin-top: 1em;
	padding-top: 1em;
	}

	h1,
	h2,
	strong {
	color: #333;
	}

	.text-center {
	text-align: center;
	}

	a {
	color: #e81c4f;
	}

	.profile-pic {
	border-radius: 50%;
	margin: 5px;
	border: 1px solid grey;
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: top center;
	display: inline-block;
	box-shadow: -5px 5px 25px #888;
	}

	</style>

	</head>

	<body>

	<header>
	</header>

	<main class='text-center'>
	<h1>Hello, I'm MY_NAME</h1>

	<div style='background-image:url("URL_GOES_HERE")' class='profile-pic'></div>

	<h2>About</h2>
	<p>I'm lived most of my life in England, France, and spent a couple of years in India. I enjoy reading, blogging, and cycling.</p>

	<h2>Career</h2>
	<p>I started my career in film, working on titles such as the Harry Potter franchises, the Da Vinci Code, the Chronicles of Narnia, The Great Gatsby etc. In 2018 I worked on Avengers, which got voted best movie of 2018 by IMDB users.</p>
	<p>You can find me on <a href='https://linked.com/TODO-ADD-LINK'>Linkedin</a>.</p>

	<h2>Teaching</h2>

	<p>I enjoy teaching coding to both youngers and adults. For example a lectured around India for ICAT, and more recently i teach coding on Facebook.</p>

	<h2>Contacting me</h2>

	<p>The best way of getting in touch is via email: codebase at this domain.</p>

	</main>

	</body>
	</html>