Browse Source

Updated header image where my name is.

master
jrtechs 6 years ago
parent
commit
a3287e9304
3 changed files with 48 additions and 18 deletions
  1. +43
    -10
      css/freelancer.css
  2. BIN
      img/background_light.png
  3. +5
    -8
      index.html

+ 43
- 10
css/freelancer.css View File

@ -53,11 +53,13 @@ hr.star-primary:after {
content: '\f005'; }
hr.star-light {
border-color: white; }
border-color: white;
}
hr.star-light:after {
color: white;
background-color: #37ADBE; }
background-color: #4D71A1;
}
hr.star-primary {
border-color: #2C3E50; }
@ -165,28 +167,43 @@ header.masthead {
padding-bottom: 50px;
text-align: center;
color: white;
background: #37ADBE; }
/* background: #37ADBE; */
}
header.masthead img {
display: block;
margin: 0 auto 20px; }
header.masthead .intro-text .name {
.intro-text
{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
header.masthead .intro-text .name
{
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 2em;
font-size:7vw;
font-weight: 700;
display: block;
text-transform: uppercase; }
header.masthead .intro-text .skills {
text-transform: uppercase;
}
header.masthead .intro-text .skills
{
font-size: 1.25em;
font-weight: 300; }
font-weight: 300;
}
@media (min-width: 768px) {
/* @media (min-width: 768px) {
header.masthead {
padding-top: 200px;
padding-bottom: 100px; }
header.masthead .intro-text .name {
font-size: 4.75em; }
header.masthead .intro-text .skills {
font-size: 1.75em; } }
font-size: 1.75em; } } */
#portfolio .portfolio-item {
right: 0;
@ -458,3 +475,19 @@ footer a{
.btn:active,
.btn:focus {
outline: none; }
.banner {
background: #384859;
background: url("../img/background_light.png") center center fixed;
box-sizing: border-box;
color: #fff;
display: block;
margin: 0 auto;
padding: 10px 0;
position: relative;
min-height: 350px;
height: 100vh !important;
}

BIN
img/background_light.png View File

Before After
Width: 1024  |  Height: 953  |  Size: 43 KiB

+ 5
- 8
index.html View File

@ -59,14 +59,11 @@
</nav>
<!-- Header -->
<header class="masthead">
<div class="container">
<div class="intro-text">
<span class="name">Jeffery Russell</span>
<hr class="star-light">
<span class="skills">Computer Science Student at RIT</span>
</div>
<header class="masthead banner">
<div class="intro-text">
<span class="name">Jeffery Russell</span>
<hr class="star-light">
<span class="skills">Computer Science Student at RIT</span>
</div>
</header>

Loading…
Cancel
Save