92 and we're going to work with images, so this is going to be very interesting to try and do a real
quick one.
So so I will tell you that in this tool, I have already find a part with my image page three and already
defined a function.
And we thought we were fine and already to find an next page.
So I would directly operate on this.
So you can check out the code on the GitHub repository as well.
So what we are going to do here, you can see here, you can see my this is my Usdaw profile and I've
already found my image.
Page two, page three, page four.
So what we are going to do, we are going to start a local server, which is already started.
And inside my local server, I would move to this, my image, page three.
So I'll show you some interesting fact about this.
So this is our image page.
And here you can see that I've defined a rule, OK?
I have defined a rule.
And above that, I define a condition of fluid with the heading image.
Page three and inside the room there are full columns of vict medium three each.
So here you can see three plus three plus three plus three is equal.
And this satisfies our basic requirement of the bootstrap column query.
So here it shows 12 columns.
So you can see three three three three is 12.
And as soon as I press control shift, I you can see.
You can see, OK, and here you can see that this is the source code electronically, right?
Click and click, inspect.
Yeah, it is rule gotten rid of three three, three, three.
And this one medium device.
As soon I click on Galaxy S5, it will all collapse and will move up to a scroll wheel and this will
bring this force of nature.
OK, let me move to the image page for this is we are going to be very interesting here.
You can see the key difference.
You need to observe a key difference here, that here I had to find a medium tree and I had to find
a glass inside the bootstrap, which was defined in the grid system, as well as show you and the grid
system here.
Here it is, the source model, Esam Hamdi, LG Excel.
When I have not defined any class, whether it is medium and some small excel extra large, I have.
Or you can see I have defined medium in this my image page three to our estimate.
But now when I move to my image page, fold or estimate, I have not defined any class.
So here you can see the gap.
So there I have no defined any class here.
So you're going to have a review for it.
So this is called M the three and this is only called for.
You can make it as three as well.
This is called for or.
OK, so when aid for the for the school is twelve and now when I move to my image page four.
OK, this is the image page for.
Here you can see this or I'll click on Inspect.
OK.
OK, I'll show you one thing.
This is rule four four four, OK?
But I told you that I have not defined any class here, whether it is a medium, small, extra large.
No, when I move to Galaxy S5 and you can see the magic, not you here, it also stays as four, four
and four.
So this visit up to 12.
And this was the difference I wanted to show you in my image page four that here I have not defined
like this is page three.
I have not defined any class here in this.
I have defined a class in image page road and I have defined a class.
But image forward, forward.
I have not defined any class.
And when I move to my image page for what this is for, plus Oprah for the cartoon, I move to a smaller
device.
It still remains.
It still remains for four four.
It does not collapse.
So this is that for every device you want the structure, then you don't define a class, then it must
automatically maintain this structure.
OK, now we are going to do one thing, one small exercise.
Oh, this is going to be quick.
OK, I'll define my image.
Page five.
OK, I'll be quick with this image.
Page five.
OK, now I'll move to my template, OK, I'll move to my template, this is my template and quickly
copied this, pasted it here.
Image page five XHTML, this is Image Page five a.m. I'll quickly wrap up this content.
Inside the room, I'm only OK and I'm only left with the rule inside what used to be my file.
OK, now inside my Vittori file, I'll define my image.
Page five.
Copy this.
On here, you can see and this is going to be fine, and this is for OK and this is going to be fine
and I change the heading here.
So this here you can see this is the benefit of using template engine.
You can quickly define the template.
OK, now I'll move to five.
We can now this looks fine.
This is this is an empty page.
OK, but now inside my profile, I will be taking a string parameter with the image name.
OK, I'll be taking a string parameter with the image, name, image, name and inside may be the file.
You know, if you have any doubt regarding how you take perimeter inside, you are and you can refer
to my previous total so image name.
He's going to be my new barometer.
OK?
And what I'm going to do it, I'll define every image name will take this Paramatta image name.
Let me define this as my image, my image name, OK, and.
If OK and I perform another operation, my image.
Named this is a simple python python function.
I'm using my image name.
Got her first.
What I do is I'm going to typecast this as a string barometer and I use my image to name law and I'll
print this, my image name like this is pretty fine.
OK, this looks pretty fine.
OK, now I'll move to my image page five and I'll type Django.
OK, so here you can see I have great vintage anger on my local machine and what I'm going to do, I'm
going to define a dictionary.
But before this, well, maybe what we can do.
OK, I take a variable.
There and I'll give it a default value, we can do one thing if my image and name is equal to Chango
done by executive crew,
I my image name is equal to.
Five ton
were.
Is it good to find out where you can do that or maybe you can do one thing, where is for us?
I know what I'm going to do.
I'm going to create my dictionary, my dictionary, and I'll pass the bar as well.
OK, now context is equal to my dictionary.
Look at this.
Looks pretty fine till here.
And I'll say this.
So my server is running.
OK, now when I move to my image page five dot html.
So what I'm going to do is I'll quickly copy the image syntax here or what I'm going to try to do,
I assure you that this is a are you can copy this.
OK, OK, this is fine, and I'll be fine as well.
OK, for your convenience, you can visit us for me 12.
And another one, but before this I type
person, if Baraa I use this blog as.
Else
I'll use this blog.
And I'll end this with an F person, and if OK, this looks pretty fine and I have confidence
and quickly paste it here.
OK, folks, I need to check my back in part.
What was it?
I look at my profile.
If that is true, then I need to be true.
Then I need to get to image if that is a good false.
I need to get a python image.
OK, so this is fine.
And this would be fighting a python not being OK.
So this looks pretty fine and looks interesting as well.
OK, now I would like Chango, so here you can see I got the image.
And Python, yeah, I got a python image, so this was pretty fine and what I'm going to show you that
this is a magic.
I want to tell you that I can render two images on a single round.
Maybe I'll type Django with a capital letters.
OK, here it is, come because I can use the functions law, I'll move to my Twitter file and I'll close
other things and open my file.
OK, I had used the law function if my name is Django Writers Guild rule as it's false.
OK, so maybe when I type Biton with capital letters, I'll get this.
So this looks pretty awesome.
You can maybe I can do also type this as Capital D, smaller Django and Capital G and small Django.
This also works with.
This is great.
So here I told you that it's simple.
Back in logic you can render multiple images on your front, an application so that I'll catch a catch
up on the next picture.
Thank you, guys.
And once again, welcome to Programming Knowledge.