Create 2 html pages using ootstrap 4.1.3

Two pages using bootstrap 4.1.3 have to be developed. Rough sketches for both of the them are attached Both the pages only have to use the bootstrap classes and js scripts. They have to work across the latest versions of firefox, chrome and safari and have to be responsive in design. Should be viewable on desktop, ipad, mobile browsers. No changes in the files provided are to be made. You may create new files only. If needed you can create simple css file and js file having only mimimum simple additional classes...Basic classes and js have to be used from the bootstrap files only Simple html pages called [login to view URL] and [login to view URL] need to be developed...Starting and closing of only important divs have to be commented. Only static html pages to be developed. Basically Page 1 consists of an inner table in the outer table....Top padding of the inner table is 10x and left padding approx 30px. Page 1 has deep navy blue background color, The boxes showing the results of the search have to be within the inner table well aligned with the borders. Please use css classes for setting background, font, etc...Do not hard code it in the html. Please note that there is a thin horizontal line under the the search text box. The line is within the inner table from left to right. Search text box should have a small search Icon image white in color at the left. The background of the text box will be light grey. There is a small horizontal line in each result box showing the names of Tom. All rectangles should be slightly rounded up. Only local css classes and javascripts to be used. No reference to any external css, js or images are allowed. Work needs to be completed within 2 days. Full payment will be released only after verfiication that everything is correct and works fine at my end.