
Selesai
Disiarkan
Dibayar semasa penghantaran
I already have a website with several well-designed pages; on the home page you can see the exact card-style layout I want to carry over into a new gallery section. The task is to create a dedicated page that displays both images and videos together in that same responsive grid, keeping thumbnails uniform so the flow feels seamless. When a visitor clicks any thumbnail the media should open in a lightbox overlay, with video playback or full-resolution image support depending on the item selected. Above the grid I’d like simple category buttons so users can filter the gallery without a full page reload; JavaScript filtering (Isotope, MixItUp, or vanilla JS) is fine as long as it’s smooth and accessible. Please reuse the site’s existing CSS variables and component classes where possible so the new page feels native, and write any additional CSS or JS in separate, clearly commented files for easy maintenance. If you prefer a framework—Bootstrap, Tailwind, or similar—let me know and we can align it with the current codebase. Deliverables: • Fully responsive gallery page replicating the home-page card style • Lightbox functionality for images and videos • Client-side category/filter controls integrated with the grid • Clean, commented HTML/CSS/JS files ready to drop into production I’ll supply the website address, current source files, and sample media as soon as we start.
ID Projek: 40290241
51 cadangan
Projek jarak jauh
Aktif 1 bulan yang lalu
Tetapkan bajet dan garis masa anda
Dapatkan bayaran untuk kerja anda
Tuliskan cadangan anda
Ianya percuma untuk mendaftar dan membida pekerjaan

I’m available to start right now and have 5 years of experience building responsive gallery layouts with clean HTML, CSS, and JavaScript. I can create a dedicated gallery page that replicates the exact card-style layout from your homepage, displaying images and videos together in a uniform responsive grid while reusing your existing CSS variables and components so the design feels completely native. I’ll implement a smooth lightbox for both images and video playback, add client-side category filters using lightweight JavaScript, and keep all additional CSS and JS organized in separate, well-commented files for easy maintenance. Once finished, you’ll have a clean, production-ready gallery page that integrates seamlessly with your current codebase.
$20 CAD dalam 1 hari
6.1
6.1
51 pekerja bebas membida secara purata $27 CAD untuk pekerjaan ini

Hello, With a wealth of experience under our belt and a deep understanding of the technologies you desire, we assure you that we can deliver your dream Mixed-Media Gallery Page. Our proficiency in CSS, Frontend Development, HTML, JavaScript, and Website Design perfectly aligns with your project requirements. We can ensure a seamless transition from your home page to the new gallery section by reusing existing CSS variables and component classes. Our consistency in delivering responsive designs coupled with our mastery over lightbox effects- both for images and videos- will enable a flawless browsing experience for your users. Most significantly, we understand and value the role of user accessibility and hence will incorporate smooth JavaScript filtering mechanism to enhance controlled content selection without affecting the overall user experience. We firmly believe in not just delivering clean codes but also maintaining them for future convenience. Therefore, you can trust us on providing fully commented HTML/CSS/JS files that will be easy to understand and maintain. Also, if you want to extend existing framework i.e. Bootstrap or Tailwind or want us to introduce another one simply communicate that to us; we are flexible to adjust as per your requirements. In short, hiring us means you'll be choosing a reliable team that is dedicated to turning dreams into reality. Let's work together so as to add yet another “WOW” factor in you Thanks!
$30 CAD dalam 1 hari
8.4
8.4

Hello, I can create your responsive gallery page with card‑style layout, lightbox for images and videos, and smooth category filtering using JavaScript. I’ll reuse your existing CSS variables and keep new code clean and commented. Would you prefer Isotope or a lightweight vanilla JS filter solution? I’ve done similar work with great success and confident to fulfill your requirements. Let’s talk.
$70 CAD dalam 7 hari
7.8
7.8

Hello, I can create a fully responsive gallery page that mirrors your home-page card layout, supports both images and videos in a lightbox, and includes smooth client-side category filtering. I’ll reuse your existing CSS classes and variables, and provide clean, commented HTML/CSS/JS files ready for production. Best regards, Ihtsham
$20 CAD dalam 1 hari
7.1
7.1

Hi! You want a new gallery page that reuses your existing home page card grid, but mixes images and videos with uniform thumbnails, opens everything in a lightbox, and filters by category with smooth client side JS. I can take your current CSS variables and component classes and extend them so the page feels native. For filtering I can use vanilla JS or MixItUp depending on what fits your codebase. Lightbox will handle both video embeds and full res images. I’m Edward, 10+ years building clean frontends and WordPress and Laravel sites. Share the site link and the home page markup and I’ll match it fast. Happy to chat more about this.
$70 CAD dalam 7 hari
6.9
6.9

Hi, I can create the gallery page using the same card-style layout from your homepage, keeping the design consistent with your existing site. The page will display images and videos in a responsive grid, with uniform thumbnails, category filtering, and a lightbox for full images and video playback. I’ll reuse your existing CSS variables and component classes, and place any additional CSS/JS in clean, well-commented files for easy maintenance. The gallery will be smooth, responsive, and ready to integrate directly into your current codebase. Ready to start once you share the site link, source files, and media. Best regards.
$50 CAD dalam 7 hari
7.0
7.0

Hi! My name is Marjan and I'm here to offer you my services as a skilled applicant with over a decade of experience working on Freelancer.com. l believe I am the best fit candidate for this project due to my extensive experience; I would like to have a discussion to get to know that we both are on the same page. Once the scope will be locked, I will start working on it right away.
$200 CAD dalam 7 hari
6.8
6.8

Hello Sir, I have 6 years of experience in WordPress and front-end development. I will create a fully responsive gallery page matching your existing card-style layout, implement a smooth lightbox for images and videos, and add JavaScript-based category filtering with clean, well-commented HTML/CSS/JS files. I look forward to bringing your vision to life! Best regards, Shafiq Please come to my chat. I am ready to start right now.
$30 CAD dalam 1 hari
6.5
6.5

Hi there, To achieve a seamless mixed-media gallery page, I will leverage my expertise in JavaScript, CSS, HTML, and Bootstrap to replicate your current card-style layout for images and videos. Implementing a lightbox overlay with smooth video playback or high-resolution image display is key, along with user-friendly category filtering using JavaScript tools like Isotope or vanilla JS. I'll ensure seamless integration with your existing CSS variables and classes, delivering clean, commented HTML/CSS/JS files for easy maintenance. By aligning with your current codebase or opting for frameworks like Bootstrap or Tailwind, the new gallery will feel native to your site. Let's discuss further for a tailored solution. Looking forward to connecting! Best regards, Noor
$30 CAD dalam 1 hari
5.7
5.7

Hello there, I can build a fully responsive mixed-media gallery page that matches your existing card-style layout, displaying images and videos in a uniform grid with smooth client-side filtering and a lightbox for full-resolution viewing or playback while keeping the code clean, reusable, and aligned with your current CSS structure. Regards, Fauzi
$30 CAD dalam 1 hari
5.8
5.8

Hello, We understand you want a dedicated gallery page that replicates the existing home-page card-style layout while displaying both images and videos in a responsive grid with uniform thumbnails, lightbox viewing, and client-side category filtering. SEO Global Team has strong experience building responsive media galleries with JavaScript filtering and lightbox integrations while reusing existing CSS variables, components, and maintaining clean, maintainable front-end architecture. We will implement a responsive grid matching your current card design, integrate smooth filtering (Isotope/MixItUp or optimized vanilla JS), add image/video lightbox support, and organize any new CSS/JS into well-commented files ready for production. Could you share the current website URL so we can match the card layout precisely? Do you already have category labels defined for the gallery items? Are videos hosted locally or via platforms like YouTube/Vimeo? Best regards, SEO Global Team
$20 CAD dalam 7 hari
5.0
5.0

With over a decade's worth of top-tier Web Development experience - including extensive expertise in Bootstrap, HTML, and JavaScript - I am confident that I am the perfect fit for your Mixed-Media Gallery project. I take pride in delivering elegant and high-quality solutions that are not only visually stunning but also responsive, optimized, and accessible. Having successfully completed more than 2000 projects similar to yours, I understand firsthand what is required to create a seamless and engaging gallery experience like you're envisioning. Leveraging my skills in CSS/JS and my experience working with frameworks like Bootstrap, we can keep the look and feel of your site uniform while integrating the desired grid for images and videos. Additionally, I'm proficient with libraries including Isotope and MixItUp, which enables me to streamline category filtration process. My commitment to clean, documented code ensures easy maintenance, a crucial factor when it comes to the long-term success of any web development project. You can count on me to not only meet your specific goals but exceed them - from replicating the home pag’s card-styling on the new page right down to integrating lightbox functionality for images and videos. Allow me to bring your vision to life!
$30 CAD dalam 2 hari
5.1
5.1

I'm a full-stack developer with strong experience in PHP frameworks like Laravel and CodeIgniter. I'm also comfortable working with Python for backend development and Vue.js for frontend projects. I’m available to start working with you right now. Thanks for considering my bid!
$20 CAD dalam 7 hari
4.4
4.4

Building a cohesive gallery page that matches your existing card layout is exactly the kind of detail-oriented front-end work I specialize in. I'll start by auditing your current CSS variables, component classes, and grid structure so the new page feels completely native to your site. For the filtering, I'll implement MixItUp or vanilla JS with smooth transitions and accessible markup, triggered by category buttons above the grid. The lightbox will handle both full-resolution images and inline video playback seamlessly using a lightweight library like GLightbox. All new CSS and JS will live in separate, clearly commented files—clean, maintainable, and ready to drop into production. I'm available to start immediately once you share the source files and media assets.
$10 CAD dalam 1 hari
4.5
4.5

Hi, Having had extensive experience in web development, I am not only familiar with your project needs, but am confident in my ability to exceed your expectations. I am adept at building a variety of web applications that require not only sophisticated design, but well-functioning and user-friendly interfaces such as the one you're describing. My skills in Bootstrap, CSS, HTML, and Javascript have enabled me to create pixel-perfect, responsive front-ends that are both intuitive and aesthetically pleasing. Let's get started!
$10 CAD dalam 3 hari
4.4
4.4

Hello, I can create a fully responsive gallery page that matches the existing card-style layout from your homepage while seamlessly displaying both images and videos in a uniform grid. I’ll ensure thumbnails remain consistent for a clean visual flow, and clicking any item will open a lightbox overlay with full-resolution images or smooth video playback. The gallery will include client-side category filtering (using Isotope, MixItUp, or lightweight vanilla JavaScript) so users can filter content instantly without page reloads. I’ll reuse your existing CSS variables and component classes to keep the design native to your site, with any additional CSS or JS placed in separate, clearly commented files for easy maintenance. The final deliverable will be clean, production-ready HTML, CSS, and JS, optimized for performance and responsiveness. I’m ready to start as soon as you share the site files and media. Best regards, Shabahat Habib...
$20 CAD dalam 7 hari
4.4
4.4

Hi, I can create a fully responsive gallery page that mirrors your home page’s card-style layout, displaying both images and videos in a seamless grid. Each thumbnail will open in a lightbox overlay with video playback or full-resolution images, and above the grid I’ll implement smooth, client-side category filters using Isotope, MixItUp, or vanilla JS. All new CSS and JS will reuse your existing variables and component classes wherever possible, with additional code clearly separated and commented for maintainability. The final deliverables will include the complete HTML, CSS, and JS files ready to integrate into your site, fully responsive and production-ready. Thank you.
$10 CAD dalam 7 hari
4.2
4.2

Hi there, I see you're looking to create a mixed-media gallery page that matches the card-style layout of your home page. This involves displaying images and videos in a responsive grid, ensuring a seamless user experience when visitors interact with the thumbnails. With 4+ years of web development experience, I can definitely help you achieve this by reusing existing CSS variables and component classes for a cohesive look. I'll implement lightbox functionality for smooth media viewing and add category filters that allow users to sort the gallery without reloading the page. I'll make sure to keep the code clean and well-commented for easy maintenance. One question I have is, do you have any specific categories in mind for the filter buttons, or should I propose some based on the media you plan to include? Best regards, Arslan Shahid
$10 CAD dalam 7 hari
4.2
4.2

Hello, I have extensive experience in Website Design and Development, specializing in CSS, HTML, JavaScript, and creating responsive layouts. I have carefully reviewed your project requirements for building a Mixed-Media Gallery Page. I plan to replicate the existing card-style layout on your website's home page for the new gallery section. The dedicated page will feature a responsive grid displaying images and videos with a lightbox overlay for seamless viewing. I will integrate client-side category buttons for easy filtering without page reloads using smooth JavaScript filtering techniques. By reusing existing CSS variables and classes and maintaining clean, commented code, I aim to deliver a fully functional and visually cohesive gallery page that seamlessly integrates with your current site. Let's discuss further in the chat. Best regards, Syed
$30 CAD dalam 1 hari
3.8
3.8

Hi You are looking for a developer to create a responsive gallery page that replicates your existing home-page card layout and supports both images and videos with lightbox functionality. Here is my plan: I will build a dedicated gallery page that reuses your current CSS variables and component classes so the design stays consistent with the rest of your site. The gallery will display uniform thumbnails in a responsive grid, include smooth client-side category filtering using JavaScript (Isotope, MixItUp, or lightweight vanilla JS), and open media in a clean lightbox overlay for images and videos. All additional CSS and JS will be written in separate, well-commented files for easy maintenance and integration. To proceed kindly let me know the following: 1. Which lightbox library (GLightbox, LightGallery, or similar) do you prefer for media display? 2. Is your current layout built with Bootstrap, Tailwind, or custom CSS? 3. How many gallery categories and media items should the page initially support? I do have more than 7 years of experience and would be glad to help you build this responsive gallery page. I am available to discuss and start right away. Thank you.
$20 CAD dalam 7 hari
3.6
3.6

Hi, I understand that you are looking to create a mixed-media gallery page that seamlessly integrates images and videos in a responsive grid layout, similar to the card-style design on your existing website. I am confident in my ability to execute this task effectively. My technical strategy involves utilizing JavaScript for smooth and accessible filtering, implementing a lightbox overlay for media display, and ensuring the use of existing CSS variables and component classes for a cohesive design. I will deliver a fully responsive gallery page with integrated category buttons for easy navigation, along with clean and commented HTML/CSS/JS files for seamless integration into your production environment. I have experience in working with various frameworks such as Bootstrap and Tailwind, and I will align the chosen framework with your current codebase for consistency. My background in web development ensures professional standards and a seamless execution of this project. I'll send over my portfolio via direct message. Feel free to reach out there. My background in web development ensures reliable results, professional standards, and seamless execution. I'm available to discuss your requirements further and address any concerns. Best regards, Taneem
$20 CAD dalam 7 hari
3.0
3.0

Fort St John, Canada
Kaedah pembayaran disahkan
Ahli sejak Nov 11, 2011
$30-250 CAD
$30-250 CAD
$30-250 CAD
$350 CAD
$30-250 CAD
₹37500-75000 INR
$250-750 SGD
£18-36 GBP / jam
£250-750 GBP
₹75000-150000 INR
$15-25 USD / jam
₹750-1250 INR / jam
$4000-5000 USD
$250-750 AUD
₹1500-12500 INR
₹600-700 INR
$30-250 USD
₹12500-37500 INR
₹1500-12500 INR
₹750-1250 INR / jam
₹1500-12500 INR
$8-15 USD / jam
€8-30 EUR
₹37500-75000 INR
₹12500-37500 INR