Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
A simple landing page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World</title>
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Itim&family=Noto+Sans+SC&display=swap');
body {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
overflow: hidden;
text-align: center;
margin-top: -5rem;
background-image: url('https://i.imgur.com/0ln8vIz.png');
}
h1{
margin: 20px;
font-family: 'Itim', cursive;
font-size: 6rem;
color: rgb(118, 163, 165);
text-shadow: 4px 3px 0px rgb(230, 204, 204), 2px 5px 2px rgba(190, 190, 190, 0), 2px 5px 2px rgba(206,89,55,0);
}
h4 {
font-family: 'Noto Sans SC', serif;
letter-spacing: 1px;
color:rgb(118, 163, 165);
}
</style>
<body>
<h1 class="big-title">Hello World!</h1>
<h4>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h4>
</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.