Using a Free Template

Quick reference

• 00:05 Okay, so let's go ahead and pick a free template, and start using it.
• 00:09 So I'm back at this speckyboy.com/free-html-resume-templates
• 00:16 page, and I think I'm gonna go with this one.
• 00:18 I kinda like this for a resume, have a nice smiling picture and your name.
• 00:22 We might change it a little bit, I'm not sure about this gallery thing.
• 00:25 Or this wagon pool, I'm not sure what that is, but I kinda like this layout here.
• 00:29 So click the download template button, and we come to this page.
• 00:32 If you scroll down here,
• 00:33 you see that this is this guy's grid system that he's created.
• 00:36 And it reminds us of the bootstrap grid right?
• 00:39 He's broken it down into sections, but its slightly different.
• 00:43 This one uses six columns where bootstrap uses twelve, and for
• 00:47 whatever reason that's just the way he decided to do it.
• 00:50 So first, we wanna download this files, and its gonna download into a zip file.
• 00:55 Fact, I already downloaded it, but we can download it again.
• 00:57 Once its downloaded, we need to unzip it, so I'm gonna click Extract all files.
• 01:02 Okay, and here's the file, so what we can do is just highlight all of these.
• 01:08 And we just wanna drag them into our Cloud9 development environment like we've
• 01:12 done in the past with images and things like that.
• 01:15 So we sorta highlight this resume folder, and drop them right in.
• 01:18 Now, we can spend a minute sort of exploring here.
• 01:20 We've got images, he's named it img, that's a common convention in the past.
• 01:25 In this course, we named that folder images.
• 01:27 But naming it img, a lot of people do that.
• 01:30 And you see there's backgrounds, and a favicon, and different things, so
• 01:33 that's cool.
• 01:34 There's a README file, you can open that and take a look.
• 01:37 And it looks like there's some basic instructions, something for the headshot,
• 01:41 that would be, let's see, that smiling face right there.
• 01:44 We're gonna want to put our own picture in there,
• 01:46 so I guess there's instructions for that.
• 01:49 It says we wanna override the background jpeg file, so we can do that.
• 01:54 And it's set in the header section of the style, CSS file, so
• 01:58 let's open that up real quick.
• 01:59 And I'm gonna hit ctrl+f to bring up a search thing, and
• 02:02 I'm just gonna type in .jpg.
• 02:04 And it bopped us down to the header section just like it said
• 02:07 in the README file.
• 02:07 And here is our background image, he's using CSS to generate that image.
• 02:12 That's sort of a common thing for background images.
• 02:15 So it's calling this background, .jpg.
• 02:17 We could add our image and rename it that, or
• 02:21 we could change it here in the CSS file.
• 02:23 In fact, I think that's what I'm gonna do, so
• 02:26 we'll start to do that in the next video.
• 02:28 I wanna just keep looking at all this stuff for another minute or so,
• 02:31 see what else does he say.
• 02:32 Edit the index.html file, and then says something about hosting it.
• 02:36 There's something about the grid, custom blocks, a gallery, testimonials.
• 02:40 Okay, so you can read through all of that if you want,
• 02:42 I'll leave a link to this responsive website.
• 02:45 It's just phillipcdavis.com/responseresume and you can check it out,
• 02:50 and download those files if you want.
• 02:52 But, what else do we have here?
• 02:53 We've got the index.html file, a bunch of stuff there,
• 02:57 so we'll get into all this in the next video.
• 03:00 And in the style sheet, we already looked at this a little bit.
• 03:02 You can kinda scroll through here, if you know any CSS, this might make sense.
• 03:06 We're not gonna do much with this file, I don't think anyway,
• 03:09 but we have to keep it.
• 03:10 Let's click Run, and see exactly what it looks like, the funnest part, right?
• 03:14 So hit a random button, so we've got this, looks like, what is that?
• 03:19 Wheat, grain of some sort.
• 03:22 Some gallery things, I think we'll get rid of that.
• 03:24 Different things, it's a nice little template, pretty good for free.
• 03:28 So in the next video, we'll go ahead and start modifying this thing, and
• 03:31 that's all for this video.

Lesson notes are only available for subscribers.