Be a complete Frontend website designer

This is the introductory lecture and in this video i have discussed all about the website overview like how it looks like and which technologies i have used in this course while coding and designing this next level responsive website design with modern technologies

In this second lecture i have gone through all the file and setup like how the images will be adding and all the stuffs. This is basically a short lecture about the work environment and procedure.

In this video i have discussed all about the files like what i will link as a free plugins to go through. I have used all the modern process to build the next level looking responsive website in certain time frame.

In this course i will be creating the navigation bar with bootstrap pre defined classes like nav container row and all. This lecture is designed with complete bootstrap for navigation purpose and toggler button.

In this section i have used some css properties to make looks like something professional. Without using the latest css properties the navigation bar looks something dull and not creative. That's why i have used some well-familiar css properties to make the navigation bar looks like something cool.

Hi Beautiful people out there

In this section i have made the creative slider which will be having the water ripple effects with cool navigation menu and it will look like something cool and amazing. Hope this will make your concepts even more batter.

This is the rest part of the slider and its containing the modern css properties and elements of the responsive website will all the modern technologies like HTML 5 CSS 3 Bootstrap 5 JavaScript JQuery and so on.

In this slider i will be adding some social links and also i will be adding some background color to the fixed and sticky navigation bar. This is truly a creative and next level responsive header design with all the steps clearly designed. Hope this will make your designing skills like next level

In this section i will create the water ripples with just some free provided plugin like water ripple js. This is just a JQuery open source free plugin. And its very easy like 1,2,3. Hope this lecture will add some interactivity in your website designing skills.

I am gonna putting more lectures all the videos are being recorded and will be publish very soon here.

Hi there in this section i will be creating the animated text header with the help of typed jquery plugin. This is so easy and creative ever. You will just create it in the short span of time for sure.

In this video we will be creating the sticky navigation bar using the custom js like when we scroll the page that time the website will have the sticky and fixed navigation which included the background color like deepskyblue. This will be super professional for sure

In this website design tutorial i will be guiding how to add the html markup for services section and also we will discuss how to put the description for the services like amazing dummy text.

In this website design tutorial i will be guiding like how to work with html 5 markup and then go for the styling using css and on the hover i will add the background color. Its so easy.

This is the final work section which has got the html 5 markup css styling and also the best hover effect to make the website looks so cool. You are gonna loving it for sure.

in this website tutorial i will be putting the magnific popup gallery effect like when a user will click on the website elements then they will see the elements are popping up very next to them. It works like magic isn't it .

This is the team section which has got the simplest team members name and their social media handles and all. We will create all these using HTML 5 Markup for sure.

This is the basic setup for the team section in which i will be adding all the basic html 5 markup pure css styling and also i will be adding the rest properties to make the team members swipeable.

In this website design tutorial i will be going through the js and jquery initializing. This is swiper and fully responsive undoubtedly.

In this website design tutorial i will be guiding how to put the team section as a responsive and working friendly for the rest screen size and kind of that.

In this website i will be guiding like how to put the indicators for the slider to slide as per need. Without slider indicators it will also slide but that looks something weird so very first i have added the slider indicators so it will be batter for the different types of screen size.

This is the short and sweets section of this website design because its very easy and you can easily create this kind of reviews section with html markup at your own pace.

In this section i will be creating the reviews section with the help of css styling. CSS has got its own magic and its super professional undoubtedly. You are gonna loving it for sure.

in this website tutorial i am going through the faq website elements which has got some basic questions and their answers too.

This faq section or the website elements i will be making by css styling just to decorate it nicely. This will be super professional and kind of looking cool website elements.

Actually this faq section is super normal and creative. We can create it easily with bootstrap pre-defined classes from bootstrap earliest and newest versions as well.

in this website design tutorial i will be adding the video markup with HTML 5 Markup with bg image. So it will look something pro level design.

This is the final section for the video embedding. This is super easy and lovely. We will add some open source jquery plugin to make the video running on the click and for the video embedding i will add the utube embedded link.

In this website tutorial i will be adding the Blog section in this website using HTML 5 Markup and so on. We will add just the html 5 markup only to design the website elements.

In this website i will be adding the blog section actually this is the second part of this website and here we will use the css styling to decorate the website elements called the blog section.

in this website design tutorial i will add the counter stats animation to the website with jquery counter up js using the cdn links

This is the counter animation part 2 in which jquery should be initializing.