Skip to content

Instantly share code, notes, and snippets.

@evangelistagrace

evangelistagrace/index.html

Created October 31, 2020 16:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save evangelistagrace/fac8623f75cb1d3250acfe1e441889f4 to your computer and use it in GitHub Desktop.
Save evangelistagrace/fac8623f75cb1d3250acfe1e441889f4 to your computer and use it in GitHub Desktop.
Download ZIP
A simple landing page
Raw
index.html
<!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