Building a Professional Website with Templates

Quick reference

• 00:05 So we created our Bootstrap resume website and it looks pretty good, but
• 00:09 it's very basic and if we want something a little bit more professional looking,
• 00:13 we can do that too using a template.
• 00:14 Now templates are great no matter what kind of website you wanna build.
• 00:19 You can always create your own html.
• 00:21 You can always write your own CSS.
• 00:22 You can always do all those things, but these days there's templates available for
• 00:26 any type of website you'd like to build.
• 00:28 And they're pretty easy to use, a lot of them are cheap or even free.
• 00:32 And that's what we're gonna talk about the next couple of videos.
• 00:34 We're gonna redo our resume website using a template.
• 00:37 So I went ahead went over to c9, logged back in, and created a new project.
• 00:42 I named it resume and I went ahead and
• 00:43 just deleted all the files that are in there.
• 00:45 So, you can either purchase an HTML template or you can use a free one.
• 00:49 We're gonna use a free one but
• 00:50 I wanna show you a place where you can purchase them.
• 00:53 I like a website called www.themeforest.net and
• 00:56 if you click here you see here's some HTML ones and you can just kinda scroll down,
• 01:01 if you put your mouse over each one you can see what these all look like.
• 01:05 Right here here's a resume one right here $14 and
• 01:08 you can see here it looks pretty good.
• 01:11 Now you can keep scrolling through here.
• 01:13 And you know do a little research and just kind of check this stuff out.
• 01:16 Or you can hit here and you can look at they have different categories.
• 01:21 Personal, entertainment, creative.
• 01:23 All kinds of stuff.
• 01:24 Technology, so
• 01:25 Theme Forest is a great paid place but you can also just find free templates.
• 01:30 So I'm gonna go to Google and type in free HTML resume template because we want to
• 01:35 build a resume website and there's a whole bunch of search results listed.
• 01:39 And I'm just gonna pick one at random here.
• 01:41 And just sort of scroll here.
• 01:42 This one looks pretty good.
• 01:45 This is nice, it has an image of a person.
• 01:47 I'm gonna open that in a new tab.
• 01:50 I think we might use that one.
• 01:51 That's pretty nice.
• 01:55 Now, with free templates you get what you pay for.
• 01:57 Sometimes they work great, sometimes they don't work so good.
• 02:00 Sometimes they're responsive, sometimes they're not responsive.
• 02:05 That one's pretty nice?
• 02:07 Yeah, not bad.
• 02:08 The little social media buttons down there.
• 02:12 Now one more thing I wanna show you about before we get into this
• 02:15 there's a free bootstrap themes as well.
• 02:19 And one of my favorite ones is this www.startbootstrap.com.
• 02:22 And now these are all free and you can click here and browse.
• 02:25 You can see all the different themes that they have that are free, but
• 02:28 these are built on top of Bootstrap, and we already know how to use Bootstrap,
• 02:32 so that's kind of cool.
• 02:34 See, let's just kinda open one of these and look at it here.
• 02:38 Download live preview, let's check that out.
• 02:40 So we got, you know, here's our nav bar we're familiar with that nav bar and
• 02:45 we got this things and things and some images, and you know, it's kind of nice.
• 02:49 So this is a free template, you can download this and
• 02:52 use it, basically you download and use these templates
• 02:55 all the same whether you get a free one from somewhere or, from Themeforest.
• 02:59 They're gonna give you a zip file full of theme files.
• 03:02 And they'll usually have images, they'll have CSS files, and
• 03:05 then they'll have the basic index.html page with the basic HTML on it.
• 03:10 So it becomes a process of uploading all that stuff into your Cloud 9 development
• 03:14 environment and then just opening them and tweaking them to make them look and feel
• 03:18 the way you want to do, to add your own content in, maybe there's something you
• 03:22 like about it, something you don't like, maybe you want to remove this image, you
• 03:25 want to add that image you can customize them however you want and you're gonna see
• 03:29 to do that in the next couple of videos in fact that exactly what we're gonna do.
• 03:32 So keep in mind, don't reinvent the wheel.
• 03:34 Don't write HTML code when you don't have to.
• 03:36 Really think about using templates whenever you can.
• 03:39 So in the next video we'll go ahead and pick out a free template and
• 03:41 start using it.
• 03:42 And that's all for this video.

Lesson notes are only available for subscribers.