TheUninvited

We will all agree here, keep it clean and simple. Add nothing. The clue is in the templates name 'SimpleThemes' - it is the way to do it

^ I agree - nothing

A lot of how it works will depend on what you're using to open the login window. If you are using a pre-built script, you'll want to check that documentation for their built in functions - one of which is probably a close function.
 
If you built the pop-up manually, then you'll just need a little javascript. Let's say the X is written like:
<span class="close">X</span> Then, using jQuery, you'd right something like this: (change #login to whatever the container of the login is)
$('.close').click(function() { $('#login').fadeOut("fast"); }); You may need to write something to fade out the background too. Like Samus said, without seeing the code, there is no saying what will work.

Provide code.
 
The general idea is you create an on click listener which changes the css of the backdrop and the login popup to display: none.

http://codepen.io/jhealey5/full/Ipwbm

Fontello is a handy site, lets you handpick icons from multiple libraries (including Font Awesome).

Font Awesome is lightweight and supported by IE8 and even 7. Also scales well, which makes it great for Retina displays.
The best is no fallback is required

What's it to be used for?
 
If its web based I'd suggest looking at Font Awesome as this is near enough exactly what you're looking for - http://fortawesome.github.io/Font-Awesome/icon/pencil/

Looks nice and I agree with the previous feedback. If you want to use a great italic font (increase your font-size a tiny bit) try Open Sans Semibold Italic and add a text-shadow with an in-between color with no blur/spread and a low opacity.

If it were me, I'd maybe add a little padding to the quote box. Just a tiny bit but it would help differentiate the quote from the main copy. Also, as cibgraphics said, grey, and quite possibly italics would go a long way.

Honestly, I would make them gray. They seem to be taking more visual presence than the actual quote. Same for the side border.

Your css page needs to contain the line -
div.nav ul li:last-child { float: right; } That will specifically apply the float right to the one li element only by using the pseudo :last-child suffix. This is telling the browser that only the last li element within the 'div class="nav" ul' is to be addressed with this statement.
 
It will not affect the inner sub menu as that would be targeted by 'div.nav ul li ul' for the unordered list and 'div.nav ul li ul li' for the sub menu's li elements.
 
Check out this page on CSS_Tricks about last-child, and the 'other resources' on that page for related css properties and selectors.

I don't really agree, maybe some have more talent than others but i believe that that inspiration can be nourished and principles can be learned.
 
I hope i'm not too off topic but i think i should post this quote here.

It is not important that from where you learn.
rather, how you have learned is most important.
We design is an art. Artists, in general, born, not created.

I think that the 'Go Pro' button needs to be a different colour. The 'Create your own...' box below it draws attention away from the go pro button because they are both yellow.
 
Also the social media icons are the old versions. Not sure about the dotted border either.
 
I think the logo and layout is nice and clean though.

I have never been a big fan of not letting the user know if they are over a button or not. just turning the pointer into a finger is not enough for me. the point is small already and on high resolution screens I lose my pointer a lot. Letting me know that my pointer is over a button (other than just turning it into a finger) I would like to see some visual (like change color or add a border, drop shadow effect, etc...) the only one on the page I witnessed so far is your 'by line' LOL

Prismjs

The return statement 'returns' a value/object/statement etc. When you use the return statement, it makes the value that you return available when/if you ask for it.
 
Think of if like a persons hand passing round some paper with information on it. The hand passing the information but another persons hand needs to pick it up and look at it for it to be read/understood.
 
Examples:
 
function a() {
 
console.log("A value");
 
}
 
function b() {
 
return 'A value';
}
 
calling a() output:
 
A value
 
calling b() output:
 
nothing UNLESS you use something like console.log(b());
 
parseint will take a string and return an integer. Javascript can handle numbers a bit unexpectedly to watch out.
parse float does the same but for floating point numbers.
 
If you don't understand float/numbers etc look up Javascript types

return is a statement used in a function check here
 
parsefloat
parseint

This is indeed the correct way to go. But if you're feeling lazy and insist on using line-breakers, then replace <br /> with just two <br>'s.

Sounds to me like you're expecting too much of yourself.
 
If you're a beginner, then you shouldn't be thinking about getting client work. Any designs you make for paying clients would probably be somewhat amateurish and, as you grow as a designer, wouldn't reflect your true ability later down the road. So in doing that, you would be spending valuable learning time trying to earn some pocket money, fooling yourself into thinking you're making headway in the freelancing world when, in fact, you ought to be training to become a proficient designer.
 
On top of that, I think you've been expecting to have learned the ins and outs of web design fast quicker than in reality. I assume this because you seem deeply worried about bringing in a consistent income at such a premature stage. It would like me shifting careers into contracting/construction and fretting over an absence of cashflow when I don't even know how to lay bricks.
 
Do what normal people do. If you need money (and I mean really need it, for bills, rent etc), get a part-time job while studying independently at home. Stop trying to take on the web design industry with a poor skillset.
On a lighter note, if it makes you feel any better, I'm an employed web designer and I can't work out Wordpress to save my life (yet). Then again, I hate it with a passion, and I don't 'need' to know it for my job. You, on the other hand, need to have bulletproof knowledge of the things you claim to be constantly fixing. Don't give up, in any case.

Although you could start a paragraph with 'however' or 'but', it's generally not acceptable as both 'however' and 'but' imply something that precedes them.

Image mode probably set to Greyscale. Go to Image > Mode and tick RGB.

Hello,
 
Follow This Steps,
 
Open the image and create a new layer. Go to the Edit menu, select Fill and fill the layer with black. Name the layer White Border.
Click the fx button at the bottom of the Layers panel and select Stroke. Set the the Size to 9 pixels, the Position to Inside, and the Opacity to 60%. (These values are based on the size and resolution of the image used. This image is about 3″ x 4″ with a resolution of 72 ppi.)
Go to the menu to the left in the Layer Style dialog box, and select Blending Options at the very top of the list. In the Advanced Blending Options section, set the Fill Opacity to 0%. Click OK to close Layer Styles. Note the Fill Opacity field at the top of the Layers panel.
Drag the White Border layer to the New Layer button at the bottom of the Layers panel to duplicate the layer. Rename the new layer color1 border.
Double-click the fx button next to color1 border to edit the Layer Styles.
Select Stroke from the menu on the left. Change the Size to 4 pixels and increase the Opacity to 80- 100%. Click the Color Swatch and pick a medium-saturation, neutral tone. Click OK. (For this image, I sampled from the plate. If you hover over the image while in the Color Picker, your cursor will change to the Eyedropper.
Duplicate the layer and rename it. Double-click the new layer’s fx button.
Select Stroke from the menu. Change the Size to 2 pixels, click the Color Swatch and select your darkest color. In this case I sampled from the chocolate in the image. Medium-dark golden bronze shades work well, too.

"Everything".