WEBVTT 00:02.980 --> 00:09.010 Now we will be replacing the default indexed HTML file with our own custom website files. 00:09.340 --> 00:13.840 We will also be creating a directory for our CSS and JavaScript files. 00:14.380 --> 00:20.470 We have a basic website with the basic structure, including the header, main content and footer. 00:20.800 --> 00:25.660 We have also included a link to our CSS file in the head section of the HTML. 00:26.200 --> 00:30.700 The CSS file will be responsible for the styling and layout of the website. 00:31.090 --> 00:37.330 In this file we will be setting font family background, color padding and other styles for the various 00:37.330 --> 00:38.650 elements on the page. 00:39.130 --> 00:44.260 With the CSS file in place, our website will be styled and laid out to our liking. 00:44.560 --> 00:50.380 This is just a basic example of what our website could look like and you are free to make any additional 00:50.380 --> 00:52.150 customizations you would like. 00:52.720 --> 00:58.690 Finally, we could also add a JavaScript file to our website if we wanted to add dynamic functionality. 00:58.990 --> 01:03.820 This could include things like responsive navigation, interactive forms, and more. 01:04.390 --> 01:09.880 Now that we have the files, we need to place it in the correct location for Engine X to use it. 01:10.270 --> 01:17.320 In this example, we will clone the files from the GitHub repository https github.com labs eight by 01:17.320 --> 01:21.430 bit and place them in var w w w by box local. 01:21.970 --> 01:23.350 So we'll type. 01:23.980 --> 01:28.240 Get clone https GitHub.com Labs eight by bit. 01:28.860 --> 01:37.320 Copy the files to our dental website root directory CPR by bit asterisk var w w w by box local. 01:37.860 --> 01:40.230 Now we'll check that files are in place with. 01:41.030 --> 01:44.430 Less var w w w by box local. 01:44.970 --> 01:52.260 Also, we can change permissions for the files and directories in our project with find var w w w bi 01:52.260 --> 02:03.060 box local dash type f dash Exec mod 644 curly braces backslash semi column find var w w w by box local 02:03.060 --> 02:09.360 dash type dd dash exec mod 755 curly braces backslash semi column. 02:09.840 --> 02:15.420 Once we have the files in place, we can test the virtual host configuration with the command engine 02:15.420 --> 02:16.470 x dash TX. 02:16.830 --> 02:21.960 This command will test the syntax of the configuration file and let us know if there are any errors 02:21.960 --> 02:22.860 or issues. 02:23.250 --> 02:27.270 If everything looks good, we can reload engine x with the command system. 02:27.300 --> 02:34.530 Ctrl reload engine x By reloading engine x, our virtual host configuration will take effect and we 02:34.530 --> 02:37.950 will be able to access the website at Xbox Local.