1

00:00:00,180 --> 00:00:01,860

Hello, friend, welcome back.



2

00:00:02,130 --> 00:00:07,230

In a previous video, we successfully display our portfolio in our home base, right?



3

00:00:07,740 --> 00:00:12,450

So right now I want to do I want to add this portfolio based upon this portfolio.



4

00:00:12,450 --> 00:00:14,730

That is also another one as a portfolio.



5

00:00:15,090 --> 00:00:18,240

So here I want to do I want to load our this template.



6

00:00:18,240 --> 00:00:20,030

So that is our template, one of the page.



7

00:00:20,040 --> 00:00:22,980

So here I want to load it so we can do that work.



8

00:00:22,980 --> 00:00:26,340

In this video, I will show you that things with a live example.



9

00:00:26,970 --> 00:00:31,520

So for doing this, first of all, we have to do we have to add one up that improved for this one.



10

00:00:31,530 --> 00:00:33,390

So here we have to add that link.



11

00:00:33,720 --> 00:00:35,670

So that is in our funding.



12

00:00:35,880 --> 00:00:42,330

So if you go to project so right now that is of Holmblad, we don't need this about controller will



13

00:00:42,330 --> 00:00:43,080

be needed.



14

00:00:43,080 --> 00:00:45,120

And I removed the sidebar.



15

00:00:45,120 --> 00:00:45,750

I remove it.



16

00:00:45,760 --> 00:00:49,170

OK, there is our index so that the index.



17

00:00:49,530 --> 00:00:51,240

So also we don't need this to remove it.



18

00:00:51,630 --> 00:00:57,930

So now in our home base, if you go to our view into The View right now, we want to work in our home



19

00:00:57,990 --> 00:00:59,560

for the interests and the funding.



20

00:00:59,580 --> 00:01:05,100

If you go to that or to the body into the body here, you can see they have already separated, traded



21

00:01:05,100 --> 00:01:07,640

our futer header and the slider.



22

00:01:08,070 --> 00:01:13,950

So if you open that our header into the header, you can see that is all that our men'll right there



23

00:01:13,950 --> 00:01:15,920

is a Clurman SEAL, the main area.



24

00:01:15,940 --> 00:01:16,890

There is a portfolio.



25

00:01:16,920 --> 00:01:20,270

So first of all, I don't want to create of the net out for this one.



26

00:01:20,400 --> 00:01:24,180

So here I remove it and I want to clear that out.



27

00:01:25,110 --> 00:01:27,670

I think you already know about it as out.



28

00:01:28,350 --> 00:01:36,000

So it will be as I want to create, I just name it as a portfolio, OK, with the same name and name



29

00:01:36,010 --> 00:01:37,750

it on the road as a portfolio.



30

00:01:37,860 --> 00:01:38,390

Perfect.



31

00:01:38,400 --> 00:01:40,410

So now we have to do we have to create this out.



32

00:01:40,560 --> 00:01:41,020

Right.



33

00:01:41,040 --> 00:01:46,440

So now go to a web brought here after this, after this home.



34

00:01:46,440 --> 00:01:47,810

I better copy it.



35

00:01:47,820 --> 00:01:52,280

I want to take another one that will be as a portfolio throughout.



36

00:01:53,070 --> 00:01:55,080

OK, that will be the portfolio pays it out



37

00:01:57,780 --> 00:01:58,530

based out.



38

00:01:58,980 --> 00:01:59,480

Perfect.



39

00:01:59,490 --> 00:02:02,520

So here I am to done to better copy it like a copy.



40

00:02:02,520 --> 00:02:08,550

One of the things from here, it's always a great method and then I name it as the same name it.



41

00:02:09,960 --> 00:02:12,390

That is actually a name it as a portfolio.



42

00:02:13,050 --> 00:02:14,750

So I name it as a portfolio.



43

00:02:14,760 --> 00:02:17,880

It's always a portfolio and then the portfolio.



44

00:02:18,300 --> 00:02:18,720

Right.



45

00:02:19,080 --> 00:02:22,200

And also you can create some other controller for this one.



46

00:02:22,340 --> 00:02:26,160

Right now I don't want to create any one controller also in all about controller.



47

00:02:26,160 --> 00:02:32,220

I want to play one of the Methode as a portfolio and so far the symbolism using it, but better to create



48

00:02:32,220 --> 00:02:33,420

one another controller.



49

00:02:33,420 --> 00:02:38,690

And here for the portfolio, all the things you have to add it into this controller area.



50

00:02:39,000 --> 00:02:44,220

So right now I'm using that about control also into the about controller and to create this method that



51

00:02:44,220 --> 00:02:47,990

will be as a portfolio so that I make it as a capital portfolio.



52

00:02:48,540 --> 00:02:52,620

So this matter, I have to create an all about controller, go to our about controller.



53

00:02:52,620 --> 00:02:59,880

So here I want to do want to create it as a public and then function and then our portfolio method.



54

00:03:00,180 --> 00:03:00,450

Right.



55

00:03:00,570 --> 00:03:01,770

And how much is it?



56

00:03:01,770 --> 00:03:02,130

Is it.



57

00:03:02,130 --> 00:03:04,710

I think you enjoy it very much so.



58

00:03:04,710 --> 00:03:06,740

That is our portfolio method.



59

00:03:06,900 --> 00:03:11,670

So the portfolio method, what exactly we have to do, we have to return one of the few pieces.



60

00:03:11,670 --> 00:03:11,970

Right.



61

00:03:12,000 --> 00:03:17,730

That means when any user in particular this portfolio, this will be one of the few.



62

00:03:17,730 --> 00:03:22,470

But so for the reasons here, I want to do I want to create what the view is better.



63

00:03:22,620 --> 00:03:24,210

So that is a body.



64

00:03:24,870 --> 00:03:26,190

That is a layout.



65

00:03:26,190 --> 00:03:28,850

And there is our view into the view area.



66

00:03:28,860 --> 00:03:32,760

I want to better create of the folder to create the folder.



67

00:03:33,450 --> 00:03:38,040

So the view folder here and the folder and name it as the pages.



68

00:03:38,670 --> 00:03:39,900

So there will be other pages.



69

00:03:39,900 --> 00:03:44,610

So into the pages folder, I want to create the piece and I just name it as a portfolio.



70

00:03:44,820 --> 00:03:54,170

OK, that will be one of the portfolio portfolio blade, not PSP.



71

00:03:54,210 --> 00:03:57,780

So this step up on the page, I simply created a friend.



72

00:03:57,820 --> 00:04:04,440

So now to turn to add this portfolio page, that means here it will be as written and then view.



73

00:04:04,440 --> 00:04:07,070

So here it will be as you know.



74

00:04:07,080 --> 00:04:13,380

Ah which position is will be in our pages.



75

00:04:13,530 --> 00:04:19,260

That means I have created the view into the viewing area happy from the pages and that is a club portfolio



76

00:04:19,260 --> 00:04:20,280

right now.



77

00:04:20,280 --> 00:04:25,050

I name it the pages pages and then our final name as a portfolio.



78

00:04:27,590 --> 00:04:29,720

Portfolio, perfect.



79

00:04:30,200 --> 00:04:34,460

So right now here, what exactly you have to do, so we have to actually get this data right.



80

00:04:34,470 --> 00:04:38,240

So I have already did this work in our webroot.



81

00:04:38,240 --> 00:04:41,400

You can see it on the web now before for our home page.



82

00:04:41,420 --> 00:04:44,470

I get all the data with the images, with our model.



83

00:04:44,990 --> 00:04:49,030

So right now we recopy it through silver just like the same here.



84

00:04:49,040 --> 00:04:53,010

I take one of the variables with our model to make the till you add this model.



85

00:04:53,720 --> 00:04:56,690

So here I didn't add this model, so you have to use it.



86

00:04:56,690 --> 00:05:00,740

So our model name, our model name is a multi picture.



87

00:05:01,170 --> 00:05:02,450

So that will be our model and.



88

00:05:02,450 --> 00:05:02,670

Right.



89

00:05:02,780 --> 00:05:05,260

I have already created this model for our multi majors.



90

00:05:05,260 --> 00:05:06,850

So that is our model, the multiplex.



91

00:05:06,860 --> 00:05:07,100

Right.



92

00:05:07,490 --> 00:05:08,870

So make sure you add it.



93

00:05:09,170 --> 00:05:10,970

So now with this, we can actually use it.



94

00:05:11,360 --> 00:05:17,930

So now with this multiple picture, I get all the data and we don't view our pages and portfolio page.



95

00:05:18,380 --> 00:05:23,510

So now if you want to parse this all data from your database and if you want to pass it, you have to



96

00:05:23,510 --> 00:05:24,820

pass it with the compact.



97

00:05:24,830 --> 00:05:25,250

Right.



98

00:05:25,280 --> 00:05:28,050

So now with this compact, I want to pass this data.



99

00:05:28,100 --> 00:05:33,410

That means you get all the data from all of which table is get all the data from what this table that



100

00:05:33,410 --> 00:05:35,390

is all that images, data here.



101

00:05:35,390 --> 00:05:36,020

I get it.



102

00:05:36,020 --> 00:05:37,730

And take the things with this variable.



103

00:05:37,730 --> 00:05:40,550

And now I pass every data in our portfolio.



104

00:05:41,000 --> 00:05:42,970

So that is our portfolio page.



105

00:05:43,400 --> 00:05:48,950

So that in the portfolio page I want to do it will be like as if you go to our.



106

00:05:50,840 --> 00:05:54,120

I want to do that is actually I have created as a monster.



107

00:05:54,140 --> 00:05:55,730

So that is a monster one.



108

00:05:56,000 --> 00:05:56,430

Right.



109

00:05:56,750 --> 00:06:02,360

And if you go to our home, into the home here, you can see that is a cloud extended.



110

00:06:02,420 --> 00:06:03,410

So I copy it.



111

00:06:03,740 --> 00:06:06,350

So which will be extended all loadmaster home.



112

00:06:06,350 --> 00:06:11,810

And also here we have to end this section, the and and the section.



113

00:06:12,140 --> 00:06:13,630

So that will be the end section.



114

00:06:14,180 --> 00:06:14,570

Right.



115

00:06:14,690 --> 00:06:16,550

So that is our end section.



116

00:06:17,090 --> 00:06:23,120

So now if you click as a Savol, if you look at the Savol and now it should be worked like a refresh.



117

00:06:24,120 --> 00:06:26,350

And now go to our portfolio.



118

00:06:26,890 --> 00:06:33,180

Yes, you can see it's not perfectly getting our three things, it's not getting our heads, it's not



119

00:06:33,180 --> 00:06:36,640

getting our slider is not getting our these footer right.



120

00:06:37,110 --> 00:06:43,410

So here we have to do I don't want to actually load our this slider to our slider all they will be visible



121

00:06:43,410 --> 00:06:44,550

in our home base.



122

00:06:44,940 --> 00:06:48,720

But here you can see I already extended our layout master.



123

00:06:48,720 --> 00:06:55,740

So if you go to our layout master and the master home and here can include that baldie header, I include



124

00:06:55,740 --> 00:06:59,940

that our slider and also included our body in the footer.



125

00:07:00,300 --> 00:07:05,430

So for the reasons it's actually getting our three things that the header slider and the footer, you



126

00:07:05,430 --> 00:07:08,570

can see the header slider and the footer.



127

00:07:08,880 --> 00:07:14,720

So I only want to do our in our home based only our home base, our D slider only visible.



128

00:07:14,730 --> 00:07:19,500

OK, not that our master one surefootedness here but I got it, I got it.



129

00:07:19,500 --> 00:07:24,120

From this position I want to visible only slider in our home.



130

00:07:24,450 --> 00:07:25,920

That means there is our home.



131

00:07:25,920 --> 00:07:28,950

So after that monster here I want to do and load it.



132

00:07:29,070 --> 00:07:35,760

OK, so now this slider only visible in our home base and after that there is our home contents section.



133

00:07:35,880 --> 00:07:41,960

If you're looking at the Savol now, if you refresh, you can see into the master.



134

00:07:41,980 --> 00:07:43,380

They have only two options.



135

00:07:43,380 --> 00:07:45,180

The header under the clear footer.



136

00:07:45,330 --> 00:07:45,750

Right.



137

00:07:46,110 --> 00:07:52,550

But if you go to our home, if you go to home, please enter now, because if it's not successfully



138

00:07:52,560 --> 00:07:57,060

getting our this slider, so only slider is visible in our home base.



139

00:07:57,390 --> 00:08:01,020

OK, so that is our portfolio base into the portfolio base.



140

00:08:01,020 --> 00:08:02,310

That is only header and footer.



141

00:08:02,610 --> 00:08:04,350

So now into the body area.



142

00:08:04,350 --> 00:08:09,240

That means in our this that is a click on that is our main part.



143

00:08:09,240 --> 00:08:11,630

That is our main dynamic part right here.



144

00:08:11,640 --> 00:08:14,070

I want to do want to load our template.



145

00:08:14,070 --> 00:08:20,430

If you go to our team into the team, that is a portfolio, that is if you know OpenNet.



146

00:08:22,180 --> 00:08:26,270

So that is our portfolio, right, so here I only want to take out this part.



147

00:08:26,290 --> 00:08:31,930

So after that header, after the pivot from this position and before that Futer, I want to get this



148

00:08:31,930 --> 00:08:32,250

part.



149

00:08:32,650 --> 00:08:35,560

So you want to get this part that is our portfolio esteemable.



150

00:08:35,960 --> 00:08:40,570

So right now, I want to do and open it with our editor.



151

00:08:41,570 --> 00:08:49,160

So into this Ed here, I don't need this I don't need this header part, and that is our main idea.



152

00:08:49,160 --> 00:08:51,940

You can see that is the main editor after that main idea.



153

00:08:51,950 --> 00:08:53,170

That is our main part.



154

00:08:53,570 --> 00:08:55,310

So that is our portfolio section.



155

00:08:55,340 --> 00:08:58,670

So from here, I copy everything OK?



156

00:08:58,670 --> 00:09:02,580

I copy everything from this position and can see there has been made me no.



157

00:09:02,960 --> 00:09:05,180

So now from to this position I can copy it.



158

00:09:05,360 --> 00:09:07,680

So that is our main part.



159

00:09:08,450 --> 00:09:10,030

So that is our main part.



160

00:09:10,040 --> 00:09:12,530

That will be our SO and I copy it.



161

00:09:12,530 --> 00:09:18,080

And now the portfolio here I passed it friend here it will be just like the same here.



162

00:09:18,090 --> 00:09:18,860

We don't need this.



163

00:09:18,860 --> 00:09:21,310

I only want to add need one.



164

00:09:22,040 --> 00:09:25,700

So before I remove everything I only want to take one.



165

00:09:25,710 --> 00:09:29,390

OK, so that it will take one side, it will be perfect.



166

00:09:29,420 --> 00:09:31,640

So that is the main part here.



167

00:09:31,640 --> 00:09:34,340

I want to make it dynamic so you don't need this.



168

00:09:34,340 --> 00:09:34,970

I remove it.



169

00:09:35,420 --> 00:09:41,210

So I have already get all that our data and I take the things with this variable.



170

00:09:41,210 --> 00:09:42,260

So that is our variable.



171

00:09:42,260 --> 00:09:44,950

Redfearn and now we can actually access it in our portfolio page.



172

00:09:45,010 --> 00:09:48,330

So here we have to do the same as our home page.



173

00:09:48,650 --> 00:09:56,030

So here I only want to do I want to add on the forehead that the foreach and also you have to end this



174

00:09:56,030 --> 00:09:56,710

for each.



175

00:09:57,590 --> 00:10:01,550

So that will be the end for each and for each.



176

00:10:01,550 --> 00:10:01,900

Right.



177

00:10:02,390 --> 00:10:10,280

So then for each year I want to undertake it as I get all already, get all the data and pass it with



178

00:10:10,280 --> 00:10:11,240

those images.



179

00:10:11,930 --> 00:10:13,280

That means with this variable.



180

00:10:13,610 --> 00:10:14,800

So it is variable.



181

00:10:14,810 --> 00:10:16,830

I want to make it as it is.



182

00:10:17,240 --> 00:10:20,410

OK, as images so they step out of the name.



183

00:10:20,720 --> 00:10:28,250

So now with this image on the visible, all that our database them so I movie is be with these images



184

00:10:28,250 --> 00:10:34,250

on the display that I was feeding them or that was filename is uh as again as image.



185

00:10:34,260 --> 00:10:34,580

Right.



186

00:10:34,760 --> 00:10:35,860

That is images.



187

00:10:36,290 --> 00:10:43,340

So now under the indexes of the image and then also here I want to update it, that part that means



188

00:10:43,340 --> 00:10:45,380

that will be our another one.



189

00:10:45,380 --> 00:10:46,500

I updated this part.



190

00:10:46,520 --> 00:10:46,800

OK.



191

00:10:46,820 --> 00:10:48,140

So you don't need this.



192

00:10:48,690 --> 00:10:49,880

That is actually the link.



193

00:10:49,890 --> 00:10:50,930

So you remove it.



194

00:10:51,140 --> 00:10:56,370

And if you don't want to remove you want to add the link, you can remove it from this position.



195

00:10:56,630 --> 00:10:57,200

Perfect.



196

00:10:57,350 --> 00:11:00,140

Now, let's check this out if to save all.



197

00:11:00,830 --> 00:11:03,470

So that is our part.



198

00:11:03,560 --> 00:11:05,870

That is our bottom is visible.



199

00:11:06,270 --> 00:11:06,750

Perfect.



200

00:11:07,280 --> 00:11:10,400

Now, if you click on here and if you go and refresh it.



201

00:11:11,300 --> 00:11:12,880

Yes, you can see friend.



202

00:11:12,890 --> 00:11:15,830

Now, this part is totally dynamic, Leprince.



203

00:11:15,830 --> 00:11:18,680

That is actually our portfolio page and that is a portfolio.



204

00:11:18,720 --> 00:11:23,360

All the portfolios visible, if you are here, is successfully loaded, right.



205

00:11:23,810 --> 00:11:26,150

Is not successfully loaded n all that slider.



206

00:11:26,840 --> 00:11:27,290

Perfect.



207

00:11:27,300 --> 00:11:29,880

So here, how can I build that polygons different.



208

00:11:29,900 --> 00:11:34,020

Now that is actually totally dynamic parts so you can actually manage it from your back end.



209

00:11:34,670 --> 00:11:41,350

OK, so here we successfully complete our portfolio in our next video and to discuss about the contact



210

00:11:41,360 --> 00:11:41,720

base.



211

00:11:41,720 --> 00:11:48,170

And if you go to our template, if you go to that contact in the contact here, you can see from that



212

00:11:48,170 --> 00:11:49,360

is on the location.



213

00:11:49,370 --> 00:11:54,410

I also want to make it as a dynamic that we the location will be dynamic, email will be dynamic, that



214

00:11:54,410 --> 00:11:58,040

we call will be dynamic, and that is on the contact form.



215

00:11:58,490 --> 00:12:04,880

So from here, I want to insert this data in the database and then I want to manage everything from



216

00:12:04,880 --> 00:12:06,950

our back end so we can do that work.



217

00:12:06,950 --> 00:12:10,220

In our next video, I will show you that things with a live example.



218

00:12:10,640 --> 00:12:13,790

So thanks for watching and I'll see you in the next video.