Unsolved BeamNG mod wiki: Where have i gone wrong?

Hey guys. I kinda need to know where I have gone wrong here. (I have just started trying to make a mod using the BeamNG wiki, and after following the steps to part 1, the mod should appear in the vehicle list, but it doesn't for me. I have screen shots of the folder and I was just wondering where I went wrong. thanks for any help:

 

Your info.json and .jbeam are set up as file folders rather than .json and .jbeam file types.

 

ah! thanks a bunch. How do you convert them into .json and .jbeam files?

 

Presuming you are using a text editor such as notepad++ just type in tutorial.jbeam and save. It should automatically convert to a .jbeam file

(Ignore 'save as type' - naming it with.jbeam at the end will automatically convert it)

 

thanks and yes iam using notepad++