Hacks-R-Us/hacksrus.uk
3
Fork 0
mirror of https://github.com/Hacks-R-Us/hacksrus.uk.git synced 2026-09-12 17:08:22 +01:00
Code Issues Projects Releases Activity

👌 GRAPHIC DESIGN IS MY PASSION

Browse Source
This commit is contained in:
samw
2018-08-11 00:10:22 +01:00
commit 0d7b96a576
3 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
img/logo.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

index.html
+16
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>
style.css
+49
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
}