Hacks-R-Us
/
hacksrus.uk
mirror of https://github.com/Hacks-R-Us/hacksrus.uk.git
3
Fork 0
Code Issues Projects Releases Activity

👌 GRAPHIC DESIGN IS MY PASSION

This commit is contained in:
Sam W 2018-08-10 23:59:11 +01:00
commit 0d7b96a576
No known key found for this signature in database
GPG Key ID: 70A44224670D0043
3 changed files with 66 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
img/logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

16
index.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hacks 'R' Us</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1><a href="/"><img src="img/logo.svg" alt="Hacks 'R' Us Logo"></a></h1>
<ul class="people">
<li><a href="https://twitter.com/swlcx">Sam W</a></li>
</ul>
</div>
</body>
</html>

49
style.css Normal file
View File

@ -0,0 +1,49 @@
div.container {
max-width: 700px;
margin: 0 auto;
}
ul.people {
display: flex;
padding: 0px ;
align-items: center;
justify-content: center;
}
ul.people>li {
padding: 2px;
background-color: #adadad;
list-style: none;
box-shadow: 4px 4px;
margin-right: 10px;
transition: all 0.1s ease-in-out;
}
ul.people>li:nth-of-type(4n+1) {
background-color: #ea1a5b;
}
ul.people>li:nth-of-type(4n+2) {
background-color: #f48120;
}
ul.people>li:nth-of-type(4n+3) {
background-color: #73bd45;
}
ul.people>li:nth-of-type(4n) {
background-color: #0862ad;
}
ul.people>li:hover {
transform: translate(-2px, -2px);
box-shadow: 8px 8px;
/*z-index: -1;*/
}
ul.people>li>a {
color: #fff;
text-decoration: none;
font-size: 20px;
font-family: Comic Sans MS
}