Skip to content

Commit

Permalink
base
Browse files Browse the repository at this point in the history
  • Loading branch information
xupisco committed Dec 10, 2020
0 parents commit c9827aa
Show file tree
Hide file tree
Showing 8 changed files with 82 additions and 0 deletions.
Binary file added assets/images/logo-1024.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/logo-800.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/tooltip-1024.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/tooltip-800.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/tooltip.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
68 changes: 68 additions & 0 deletions assets/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
body {
background-color: #222;
color: #fff;
font-family: Helvetica;
font-size: 13px;
}

#logo{
position: absolute;
left: 50%;
top: 50%;
width: 500px;
height: 77px;
margin-left: -250px;
margin-top: -39px;
background: url('./images/logo.png') no-repeat;
}

#tooltip{
position: absolute;
left: 50%;
top: 50%;
width: 350px;
height: 112px;
margin-top: -170px;
background: url('./images/tooltip.png') no-repeat;

}
#footer{
position:absolute;
bottom: 0;
right: 0;
margin: 10px;
}

@media all and (max-width: 1024px) {
#logo{
width: 400px;
height: 62px;
margin-left: -200px;
margin-top: -31px;
background: url('./images/logo-1024.png') no-repeat;
}

#tooltip{
width: 300px;
height: 96px;
margin-top: -140px;
background: url('./images/tooltip-1024.png') no-repeat;
}
}

@media all and (max-width: 600px) {
#logo{
width: 250px;
height: 39px;
margin-left: -125px;
margin-top: -20px;
background: url('./images/logo-800.png') no-repeat;
}

#tooltip{
width: 200px;
height: 64px;
margin-top: -100px;
background: url('./images/tooltip-800.png') no-repeat;
}
}
14 changes: 14 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>@labCorp</title>
<link rel="stylesheet" type="text/css" href="assets/style.css">

</head>
<body>
<div id="logo"></div>
<div id="tooltip"></div>
<div id="footer">Creativity @ Technology</div>

</body>
</html>

0 comments on commit c9827aa

Please sign in to comment.