HTML/CSS Page with live search and images

Job ID: 37893368

Budget: $10 – $90 USD

I am in need of an individual skilled in HTML5 and CSS to create a page for me. This should include a header and footer I provide, and will prominently feature images alongside titles. These images will serve as a portal to watching videos. Users should be able to click image / title to watch a embed video on this html 5 page. You can create a popup web view to allow users to watch the embed video on the html 5 page.

I want the page header to look like / be similiar / follow my theme header colors and design from www.eternityready.com, and then my footer can have the footer of www.eternityready.com

My site uses a php .tpl smarty template system, so if you want too, we can have images / thumbnails and titles pull fetch from my site, since I use admin to edit, add or delete channels embeds and also control the titles and images for the video embeds.

Here are the key details about the project:

• Search Functionality: I need comprehensive search functionality, adhering to specifics. The user must be able to search these image-videos by title and by category. Additionally, I would like search by tags, but this feature is optional. All images should show when user loads page. But when user starts to search. Images then should change live based on search entries. Once search is complete, all images should return. I want my search to use the library function from @ www.meilisearch.com and https://search-movies-live.netlify.app

We can have the search bar be right above the 1st row of images, which is mentioned below.


• Image Display: I am not looking for a standard setting, but a specific display of 81 images, corresponding to 81 videos, all on one page. Therefore, strong skills in optimizing web performance will be necessary to ensure page load speed is not impacted. We can have row of images like 5 per row with titles (name of the tv channel and #) below the image. These can all be clickable image and title. We can have 5 square thumbnail images per row until we get to 81 channels.

We can have the search bar be right above the 1st row of images

• Deadline: This project is of a pressing matter. I require someone who can prioritize this work and complete it ASAP.

Ideal candidates for this role possess robust HTML5, CSS, and possibly JS skills, in addition to a basis in User Experience to ensure the page remains user-friendly despite the high volume of content. Experience with search feature implementation is also pivotal for this role.


PLEASE READ BELOW:

We are a non profit and a new start up. We do not make profit. We are a Faith and Family Community based organization. We are asking someone to work within our budget. This will not pay beyond $90 USD. That is our max budget. Do not bid unless you can work with our budget.