Hello as you are welcome to learning Buddha step four video series. In this tutorial I will teach you what is the image and what is the jumbotron how we use the image in Buddhist tape and how use jumbotron and our responsive website. These are can we use on making our website the image in Buddhist tape use three types found it. Circle thumbnail. Three types in our website we can use the image of any kind of image. Let me see next jumbotron.
A jumbotron indicates a big gravy box for the colleague extra attention of some spatial contents of informations inside the jumbotron. You can put nearly any text HTML including bootstrap element and Plus their skins show all men have paid jumbotron so it is the big gray box. You can also include any text on it to HTML like display your image anything what you want to display on your website according to your wish. Let's see it. That is jumbotron of your website like HTML bootstrap by booty step tutorial for the video. You can also include these text on here and h1 text on your jumbotrons.
Let's check how you can code it in jumbotron. The US div div class container div class jumbotron. H one, mu two step 2241. h close paragraph we use one paragraph for it. You can also use to paragraph depend on you how much you paragraph use for it. Just copy and paste it to paragraph. Then close div tag and close that div.
Let's play it from on Chrome browser. You can see it to jumbotron use. Mostly we use one because it's going to show you a big like look at shoulder will bake. We remove that one. Now check it run Chrome browser. Check.
It is the jumbotron. Now let's see image what is the image? Here We Come. Let's run check the image. There are three types of images we used in this project, rounded circle, thumbnail. These three images we use, let's check how we coded and that image.
In bold mostly we use that in making a class in body tag, div class container. h2 image, paragraph h2 close as we start to close, paragraph, anyone, anything you can use here, image source, image name, where is located and what kind of image we have PNG GIF and JPEG class rounded I let this height It is status height, how much height on that page how much voltage you can resize it to depending on your requirement. Suppose we can make it big little 400. And also we use that 400 check it because it's displayed 40 views here 40 missing one, one. Digital. It was the show that you can see 40 by 4400 by 400 203 hundred Come on crew That is also a round circle rounded circle just you can change this one rounded circle image template, then you can display that same picture on either place where you want to which farm and where you want to play that.
There circle play also we can use all that circle. Suppose we want all picked, pictures use circle shape net which is resize because we change the size different parameters that's makes us 330436 now check it again I'll say same and the video you can make it according your projects and website requirements. Thank you very much for watching our this video course if you have any questions about jumbotron and image, you can ask me and I also provide your source code of this project. details you can practice it. If any of you have any problem you can ask me. Thank you very much for watching our videos.