Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Victor Gil Borrego
Victor Gil Borrego
13,435 Points

Feedback about my website and advices

Hi,

I have just created my website portfolio (www.victorgil.me) using bootstrap as framework, and I would really appreciate if you can give me some feedback about the site, things that you see wrong or improvements I could made to the site to help promote myself to get a job in the web industry.

And also if someone could give me advices on how to extend my portfolio, where can i get jobs to be done, or the best way to make it bigger. I've taken a look at webs like "PeoplePerHour" but i feel that the projects are so big for me, or i don't feel enough confident to sent a proposal to any project.

Feel free to make any comments.

Thanks!!

6 Answers

Your typography in the H1 could be brought together a little more at 50% - 75% maybe a different font. seems a little out of place maybe a solid colour for the top because its distracting from the text. but everything else looks great! also does it work in mobile? tablet? other screen sizes?

imo it's best to make a layout in black and white so you can see what works and what doesn't. but for me coding is harder to figure out, im all about the look of the page.

thats just me though lol im picky.

I'm a complete beginner, so don't put too much stock in my opinion, but here goes:

  1. I like the mixture of colors, they're nicely balanced and kind of give a contrast to the otherwise sober style.
  2. I agree with Jake Simon when it comes to the H1.
  3. Have you tried playing around with the box-shadow and text-shadow properties? They could add some extra debt and visibility to your H1 and perhaps the main banner (though as with everything in life, moderation!)

  4. I was kind of expecting to be able to click on the "my main skills" choices, perhaps because of the hover effect on the text. Perhaps it would be better to drop the hover effect (because the actual icons look quite good all by themselves).

  5. Spell & grammar-check! English is not my native tongue, so I'm used to making mistakes. Paste your text in Microsoft word, or any other online tool you know is reliable for finding mistakes or typos.

Overall, I'd say the layout and interactivity is cool, but some fine-tuning is needed.

As for projects, personal projects might be a good alternative if professional projects are too daunting right now. If you have an interest in something, or there's a store in your town, that doesn't have a website yet but could surely use one, ... Well, try making a website for that, or suggest making one to the store owner. You never know, and you'd not be the first web designer who goes from store to store to offer his services.

Have fun and good luck!

Check out the jumbotron.css class called "nav_menu". Dont know where you got the information to use the float element in a bootstrap handled class. In a 600x800 viewport it looks like this:

alt take a look

and it should look like:

alt take a look

I think there is a better option to float the nav elements to the right. Just have a look at the helperclasses on bootstrap.

And on mobile devices, you have to check out the padding of all elements. Looks little bit huddled.

Victor Gil Borrego
Victor Gil Borrego
13,435 Points

Thank you guys for the feedback and advices, i have tried to check the things that you have just told me:

  • I have added a text-shadow to the H1, seems that looks better now.
  • I removed the hover class at the main skills section.
  • I checked the grammar from the about section, i'm so sorry with that. I'm not a native English speaker so if you detect anything else let me know. :)
  • I have removed the float at the nav_menu, and added the proper bootstrap class. It was the first time that I used bootstrap so I'm still discovering it.

I will have a look with smaller resolutions to check the paddings and the layouts.

Thank you again for your time reviewing the project!

yea your site looks great! keep it up Victor.

Don't forget the multi color graphic at the top should be changed to a solid so it does not distract from the H1

Jacob Miranda
Jacob Miranda
19,080 Points

In the "My Other Skills" section, the rags on the right of the paragraphs shift so much that it makes some of them appear to be thinner which looks like its throwing the image above off because it looks like its supposed to be center, but they don't really seem center because of the paragraphs throwing them off.

Also, the type in the the header section with the image, "My Name is Victor...", I think you could play around with that a bit. It feels like its so long that it makes it look like a short, long rectangular shape and its like short and stubby. Think of type as shapes and when you look at it, look at the shapes the type creates.

Caroline Hagan
Caroline Hagan
12,612 Points

I would say try and build the website from scratch - without Bootstrap and see how you get on :-)