In this lesson, we will prepare the software which we will use in our course. First we are going to choose and set up a text editor, and after that we are going to install a web browser.

In this lesson we will shortly present you HTML technology.

In this lesson we will shortly present you CSS technology.

In this lesson we will clarify terms Web Design and Web Development. After that, we will go shortly through actual trends in Web Design.

In this lesson we are going to show you how to choose and optimize photographs that you will be using on your projects.

This lesson is about how to choose appropriately fonts and how to adjust typography that you are going to use on your website.

In this lesson we will go shortly through color basics and colors psychology. After that, we will show you how to choose appropriate colors for your projects.

In this zero project we will shortly introduce you with HTML and creation of a web page. We will make our first, little page.

With this lesson we are starting our first real life website.  In this lesson we are making the header of our first website.

Before work, please, download materials- Assets project1. We will need that material for work.

In this lesson we will make about section of our Project 1 website.

This lesson is about making Show Food Section. We are continuing with HTML and CSS.

In this lesson we are doing Image Section and Footer. With this we will finish our first real life website, our Project 1.

With this lesson we are starting our second project. In this project we will introduce you with CSS flexbox and we will practice HTML and CSS a little. We are starting with header part.

Before work, please, download materials- Assets project2. We will need that material for work.

In this lesson we will make header image section of our Project 2 website.

This lesson is about making a section with columns and icons.

In this lesson we are doing simple Gallery Section. With this we will finish our second real life website, our Project 2.

With this lesson we are starting our third project. As usual, we are starting with header part.

Before work, please, download materials- Assets project3. We will need that material for work

In this short lesson we will only going to add and stylize header image.

In this lesson we will make 4 column section. In our columns, among others, we will stylize irregular arrow shape with css and, also, we will stylize our links.

In this lesson we will show you how to simple stylize gallery.

This lesson is about Footer and Back to Top Button. With this we will finish our third website, our Project 3.

With this lesson we are starting our fourth project. As usual, we are starting with header part.

Before work, please, download materials- Assets project4. We will need that material for work

In this lesson we will make heading section of our Project 4 website.

In this lesson we will make and stylize Personal Info section (About me). Among others, we will make a cool animation on image.

This lesson is about adding font awesome and  icons on our website.

In this lesson we will make and stylize Gallery Section using CSS flexbox.

In this lesson we will make a completely functional contact form.

In this lesson we will start to talk about responsive design. We will learn how to make a website adjusted for different kinds of devices. With this we will finish our fourth website, our Project 4.

With this lesson we are starting our fifth project. In this lesson we are starting with header part and heading image with parallax scrolling effect.

Before work, please, download materials- Assets project5. We will need that material for work.

In this lesson we will make and stylize About me Section. This section consist of heading, placeholder text and images in three column.

After this lecture students will be able to make sticky navigation. In addition to sticky navigation, we will also create a portfolio gallery.

This lesson is about building a Blog Section. In it we will use a CSS float properties instead of a CSS flexbox, to see another approach.

This lesson is about making contact form with labels and footer.

In this lesson we will adjust our site to mobile devices, by using CSS Media Query. In addition, we will make and stylize a hamburger menu.

In this lesson we will meet with JavaScript, and we will make a functional hamburger menu and smooth scroll effect. With this we will finish our fifth website, our Project 5.