Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

HTML CSS Bootstrap Project - A Static Website

Vojislav Kovacevic, Programmer, mostly web development

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
40 Videos (3h 53m)
    • intro

      1:46
    • finished project overview

      1:44
    • essential tools

      4:23
    • bootstrap crash course 1

      4:18
    • bootstrap crash course 2

      13:45
    • setup

      2:21
    • index base

      4:43
    • main menu 1

      5:34
    • main menu 2 2

      5:58
    • main menu 3

      5:24
    • slider area 1

      5:03
    • slider area 2

      5:22
    • hero text

      3:30
    • services 1

      4:10
    • services 2

      3:40
    • about us 1

      8:17
    • about us 2

      10:44
    • projects 1

      8:34
    • projects 2

      7:47
    • projects 3

      8:37
    • price 1

      6:01
    • price 2

      3:57
    • price 3

      5:50
    • price 4

      7:02
    • team 1

      7:37
    • team 2

      4:08
    • team 3

      7:54
    • contact 1

      4:53
    • contact 2

      4:33
    • footer 1

      10:10
    • footer 2

      9:24
    • arrow up

      7:44
    • navigation

      2:51
    • transition

      1:43
    • responsive 1

      3:48
    • responsive 2

      3:37
    • responsive 3

      6:34
    • responsive 4 2

      3:52
    • responsive 5

      10:31
    • responsive 6

      5:15

About This Class

This course is a practical course for learning how to use html, css and bootstrap to turn designs into fully functional responsive pages

This course is intended for anyone with little html and css experience who wants to see how an actual project is done from scratch.

Even though some html and css knowledge is assumed, though not absolutely necessary since everything is done on video, bootstrap knowledge is not required or assumed as there is a bootstrap crash course included within the course.

Also, you do not need any design software, as I will be using an already made website as a design reference to re-create it again from scratch.

This is done for the reason that not everyone has the same design software installed, and it does not make a difference if the design is referenced in a finished page like in this course or actual design such as photoshop, illustrator or sketch. 

The only difference is that you need some browser extensions to check colors, widths, heights and spaces between elements.

Since I do not use design from software such as photoshop, illustrator or sketch, I will be using some chrome extensions that I generally use when doing front-end work, and you can check these out in a free video as well.

Once you have completed the course you will be able to turn designs into into fully functional responsive pages.

  • Turn any design into responsive pages
  • Learn bootstrap
  • Learn how to make responsive websites
  • Learn how to center any element (both vertically and horizontally)
  • Learn how to change bootstrap mobile breakpoint
  • Learn how to use font awesome icons
  • Use JavaScript and jQuery
  • Use jQuery plugins

2

Students

--

Projects

0

Reviews (0)

Vojislav Kovacevic

Programmer, mostly web development

Technology Web Development HTML CSS JQuery