lab/website-components
1
Fork 0
Code Activity

Add starts of a homepage

Browse source
This commit is contained in:
Jake Howard 2024-06-26 21:08:15 +01:00
parent 2ad96483f2
commit 3bc0364a1c
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 47 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/home/index.html Normal file
View file

@ -0,0 +1,12 @@
<html>
<head>
<link rel="stylesheet" href="./index.scss" />
</head>
<body>
<div class="hero" id="hero">
<h1>Jake Howard</h1>
<h2>Subtitle</h2>
<input placeholder="Search" />
</div>
</body>
</html>

35
src/home/index.scss Normal file
View file

@ -0,0 +1,35 @@
@import "normalize.css";
body,
html {
height: 100%;
font-size: 18px;
}
.hero {
height: 50vh;
background-color: red;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-align: center;
flex-direction: column;
h1,
h2 {
margin: 0.5rem;
}
input {
background-color: transparentize(black, 0.4);
text-align: center;
color: white;
width: 500px;
max-width: 75%;
border: 1px solid white;
border-radius: 4px;
font-size: 16px;
padding: 0.5rem 0.75rem;
}
}