What do you think of my Portfolio?

I went for a very simple mock-up. I’ve tried to make it mobile responsive, though a couple things still bug me and will try to work out the kinks.
I haven’t used codepen very much so my code is a tad messy(blasted tiny windows). Probably have classes/ids that I don’t actually need. I’m combing through seeing what I can get rid of, if you notice any let me know.
I’ve disabled all personal links along with my projects :slight_smile: Though I have tested them and they do work.

Looking forward to when I can make one thats more interactive/stylish :joy:

hmm I can get carousel to work on codepen but not with rawgit :confused:
https://rawgit.com/lmutton/FCC/master/Portfolio/index.html#projects

http://codepen.io/lmutton/full/oLAbkB/

1 Like

Hi :slight_smile:

This code got to: Pen Settings → Stuff for “head”

<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">

Codepen CSS linter:

Don’t use IDs in selectors [0]

#navbar {
  background-color: #f76e70;
  margin-bottom: 0px;
}

#me {
  padding-top: 30px;
  width: 250px;
  border-radius: 100%;
}

#name {
  padding-top: 100px;
  margin: auto;
}

#about-me {
  font-family: PT sans;
  padding-top: 30px;
  text-align: justify;
  text-justify: inter-word;
}
#github,
#codepen,
#linkedin,
#wordpress {
  padding: 30px 20px 20px 10px;
  color: #f76e70;
}
...

A Bug:

HTML, at line 152

<div class="col-xs-6 col-sm-6 col-md-2 col-md-offset-1 col-centered" id="thumb-nails">

HTML, at line 164

<div class="col-xs-6 col-sm-6 col-md-2 col-md-offset-1 col-centered" id="thumb-nails">

MDN documentation:

The id global attribute defines a unique identifier (ID) which must be unique in the whole document.

[0] A Line In The Sand, A Story About Meaty Chili and Using Classes | CSS-Tricks - CSS-Tricks

Cheers and happy coding :slight_smile:

Looks very nice. I like it. You should’ve just changed the contact form a little bit. Looks generic like this.
Other than that it’s awesome. :slight_smile: Been bugging myself for the past two days on how to make that text on image hover effect.

Thank you for the response! I will look into those bugs and research more into id vs classes! Thank you :smiley:

Thank you! Yeah I wasnt quite sure what to do for the contact form, so for now its just a bit boring. The hover overlay is really simple! Can you use jQuery?

I haven’t did any jquery so far besides smooth scrolling, and that I found by googling it. Could you show me the link where you found it? Or simply paste here the code?

You can check out my (unfinished) portfolio and see how I did my form. May give you an idea.