Skip to content

Commit 0a94ab4

Browse files
MaxLinCodeMaxLinCode
committed
Edit background\nAdd github link
1 parent 452ddd2 commit 0a94ab4

2 files changed

Lines changed: 22 additions & 15 deletions

File tree

‎index.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,12 @@
66
</head>
77
<body>
88
<div class="header">
9-
<h1 class="left">Hi.</h1>
10-
<h1 class="right">I'm Max.</h1>
9+
<h1>Hi.</h1>
10+
<h1>I'm Max.</h1>
11+
<h1>And I'm edgy.</h1>
12+
</div>
13+
<div>
14+
<a href="https://github.com/maxlincode"><img id="github" src="http://www.aha.io/assets/integration_logos/github-bb449e0ffbacbcb7f9c703db85b1cf0b.png" alt="github"/></a>
1115
</div>
1216
<div id="footer">
1317

‎stylesheets/styles.css‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,34 @@
11
html {
2-
background: url("https://i.imgsafe.org/5c4593a8ce.png") no-repeat center center fixed;
2+
background: url("https://static.pexels.com/photos/34435/pexels-photo.jpg") no-repeat center center fixed;
33
-webkit-background-size: cover;
44
-moz-background-size: cover;
55
-o-background-size: cover;
66
background-size: cover;
77
}
88

99
.header {
10-
10+
position: absolute;
11+
bottom: 0;
12+
left: 0;
1113
}
1214
.header h1 {
13-
display: inline;
14-
font-size: 6rem;
15+
display: block;
16+
font-size: 4em;
1517
font-family: "Lucida Console", Monaco, monospace;
1618
color: rgb(215,235,240);
1719
float: left;
18-
width: 50%;
19-
text-align: center;
20-
margin-top:25%
21-
}
22-
23-
.header .left {
24-
float:left;
20+
margin-left: 5%;
21+
margin-top: 0px;
22+
margin-bottom: 1rem;
2523
}
2624

27-
.header .right {
28-
float: right;
25+
#github {
26+
position: absolute;
27+
right: 0;
28+
bottom: 0;
29+
margin: 1em;
30+
height: 4em;
31+
width: auto;
2932
}
3033

3134
.footer {

0 commit comments

Comments
 (0)