Skip to content

GitLab

F
Flask
Commit 87507591 authored by marco.solci's avatar marco.solci
Browse files
Options

landing page

parent e1305cde
Show whitespace changes
Inline Side-by-side
Showing with 98 additions and 0 deletions
static/css/style.css 0 → 100644
View file @ 87507591
*{
margin:0;
padding:0;
}
body{
margin:0;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size:17px;
color:#926239;
line-height:1.6;
}
#showcase{
background-image:url('../img/sea2.jpg');
background-size:cover;
background-position:center;
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:0 20px;
}
#showcase h1{
font-size:50px;
line-height:1.2;
}
#showcase p{
font-size:20px;
}
#showcase .button{
font-size:18px;
text-decoration:none;
color:#926239;
border:#926239 1px solid;
padding:10px 20px;
border-radius:10px;
margin-top:20px;
}
#showcase .button:hover{
background:#926239;
color:#fff;
}
#section-a{
padding:20px;
background:#926239;
color:#fff;
text-align:center;
}
#section-b{
padding:20px;
background:#f4f4f4;
text-align:center;
}
#section-c{
display:flex;
}
#section-c div{
padding:20px;
}
#section-c .box-1, #section-c .box-3{
background:#926239;
color:#fff;
}
#section-c .box-2{
background:#f9f9f9;
}
\ No newline at end of file
static/index.html 0 → 100644
View file @ 87507591
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<title>Landing Page</title>
</head>
<body>
<header id="showcase">
<h1>Welcome to the Beach</h1>
<p>Lorem ipsum dolor</p>
<a href="#" class="button">Read More</a>
</header>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment