Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
WebDev
epic-journey-display
Commits
1d16ff58
Commit
1d16ff58
authored
Mar 05, 2020
by
Porter Libby
Browse files
add footer v1
parent
1f2e7c73
Changes
3
Hide whitespace changes
Inline
Side-by-side
index.html
View file @
1d16ff58
...
...
@@ -241,6 +241,22 @@
<span
class=
"btn-label"
><i
class=
"fa fa-check"
></i></span><br>
Finish and see results!
</button>
</div>
</div>
<!-- Footer Block -->
<div
class=
'block'
id=
"footer"
>
<div
style=
'display:inline-block; width:65%; text-align: center; padding-left:100px'
>
Earlham College, an independent, residential college, aspires to provide the
highest-quality undergraduate education in the liberal arts and sciences,
shaped by the distinctive perspectives of the Religious Society of Friends (Quakers).
</div>
<div
style=
"display: inline-block; width:30%; text-align: right; position: absolute;"
>
<a
href=
"#"
class=
"social fa fa-facebook"
></a>
<a
href=
"#"
class=
"social fa fa-twitter"
></a>
<a
href=
"#"
class=
"social fa fa-youtube"
></a>
<a
href=
"#"
class=
"social fa fa-instagram"
></a>
<a
href=
"#"
class=
"social fa fa-rss"
></a>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
public/css/input.css
View file @
1d16ff58
...
...
@@ -24,4 +24,34 @@ input {
padding
:
20px
;
margin-right
:
50px
;
font-size
:
18px
;
}
\ No newline at end of file
}
.social
{
padding
:
20px
;
font-size
:
30px
;
width
:
60px
;
text-align
:
center
;
text-decoration
:
none
;
margin
:
5px
2px
;
}
.fa-facebook
{
background
:
#3B5998
;
color
:
white
;
}
.fa-twitter
{
background
:
#55ACEE
;
color
:
white
;
}
.fa-youtube
{
background
:
#bb0000
;
color
:
white
;
}
.fa-instagram
{
background
:
#125688
;
color
:
white
;
}
.fa-rss
{
background
:
#ff6600
;
color
:
white
;
}
\ No newline at end of file
public/css/main.css
View file @
1d16ff58
...
...
@@ -113,7 +113,11 @@ body{
background-color
:
#6F263D
;
color
:
white
;
}
#footer
{
height
:
80px
;
background
:
#eee
;
overflow
:
hidden
;
}
.btn
{
padding
:
30px
65px
;
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment