Skip to content

Instantly share code, notes, and snippets.

@shyal

shyal/index.html

Created Mar 14, 2019
Embed
What would you like to do?
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.