 Hello everyone in this module I'm going to demonstrate how to use lightning component in visual force page. So let's first create a lightning component and then I will be creating a visual force page and then we'll show you how we can embed lighting component in VF page. So I'm creating a component named as time CMP inside this component first I'm going to create one attribute naming it as date value. This type is string then I'm creating one or a handler naming it as in it value equals to this and action C dot then inside the speed tag I'm going to show value of this date value attribute. I created this lightning component so on load of this component this init handler will be executed and this do init method will be executed. So I'm saving this code moving to controller part. So here I'm defining name of this controller method. So here I need to write component dot set V dot date value. And here I'm creating instance of date. So whenever you create instance of this date class so automatically current date and time will be available in this date value attribute. Right. So this way this component is ready. Now, I need to first test it whether this component is working or not. So I'm just opening demo application. And in this demo application I'm just using this component. So here you will see the output so it is showing today's date and time. So everything is available because of that date instance right now after this execution I'm going to create one new application. So whenever you want to use your lightning component and visual force page. So basically you need to create one app and enable this checkbox. So automatically this extent statements will be available in that application. So lightning colon out that right and here you need to specify the access. So I'm specifying it as global. Now here you need to write one statement or a column dependency resource equals to C colon time CMP. Right. So now with the help of this time app, I will be using time CMP lightning component in visual force page. Right. So this app is particularly created so that I can use lightning component VF page. So now next step will be to create visual force page. So naming it as time VF page inside this VF page. First of all, I need to write apex include lightning. I'm going to create a diff and providing ideas time. Right. So basically that lightning component output will be displayed in place of this diff. So I will be using ID of this diff. Further. So now I'm writing one more tag that is script inside this script tag. I'm going to write dollar lightning now dot use bracket. Then you need to write C dot that app name that I have created. So I created it as time app. So here you need to write that name then function then inside curly basis. You need to again write dollar lightning dot create component C dot. And now you need to use the name of that component. So we created component as time CMP. So I'm using that only then this is for parameters. So we don't need to pass anything here. Then where you want to like show the output of this lighting component. So I'm providing the ID, which is available here with div. And after comma, I need to write function CMP and opening the curly base. Now here I need to write one more statement. So I'm going to write console dot log and in double quotes component created. Right. So now I need to close one curly base and bracket. One more curly base and bracket. Right. And here I need to close this double code, which I forgot. So this way this page is implemented completely. And here I'm going to write one heading. So visual force page. So first visual force page will be displayed and inside dev that date and time will be displayed. So after implementation of all these things, I'm just clicking on preview. So now we have phase will be rendered. So at the top, you can see heading is available. But at bottom, it is showing some error. So we need to resolve that. So maybe I did something. Correct implementation. So basically here I need to use colon instead of dot. So I just saved this VF page and it is refreshing. Now here you can see heading is displayed as visual force page and then date and time is also displayed. So remember here you need to use colon instead of dot. So generally we use dot in lightning components. So that's why I mistakenly use dot, but you need to use colon in VF page. So friends this way, like I hope you understood how I used lightning component and visual force page. Thank you.