Convert web page to Bootstrap 5 html/css
Budget: $30 – $250 AUD
Start with this web page:
https://www.onecare.store/buy/the-anti-aging-duo
Please convert the HTML and CSS to use the Bootstrap v5 framework.
You can exclude the header menu and page footer - I only need the "main part" of the web page that shows the product content and recommended products.
Use the same media, icons, fonts where possible.
I will replace those items myself at a later date, in order to avoid copyright.
If it is not possible, or too hard, please replace those items with any other freely available source (eg, for icons you could use FontAwesome, images could come from Unsplash, etc).
Please inspect the page before bidding. I need the whole page converted. Your final delivery must look good on mobile and desktop.
It is not necessary to add the javascript animations, such as the fade-in effect.
The most important result is simply the HTML and CSS making the same display of content, but using Bootstrap 5 default classes for all major elements displayed on the page, such as:
- container
- row
- column (including responsive column such as col-6, col-md-3, etc)
- form
- button
- image / video / media
- spacing (eg, p-5, pb-3, mt-5, etc)
- font size (eg, display-6, fs-4)
- font weight (eg, fw-bold)
- colors (eg, bg-light, text-dark, etc)
- tab
- accordion
The source web page has some "extra" features that I do not need.
These things are not necessary, and can be ignored:
- the header menu (I will create this myself at a later date).
- the footer
- on desktop, the main image carousel becomes "sticky" if you scroll down the page.
- many elements have a "fade in" and "slide in" effect on scroll.
- icon images do not have to be exactly the same. Feel free to use a different icon that makes sense to you.
https://www.onecare.store/buy/the-anti-aging-duo
Please convert the HTML and CSS to use the Bootstrap v5 framework.
You can exclude the header menu and page footer - I only need the "main part" of the web page that shows the product content and recommended products.
Use the same media, icons, fonts where possible.
I will replace those items myself at a later date, in order to avoid copyright.
If it is not possible, or too hard, please replace those items with any other freely available source (eg, for icons you could use FontAwesome, images could come from Unsplash, etc).
Please inspect the page before bidding. I need the whole page converted. Your final delivery must look good on mobile and desktop.
It is not necessary to add the javascript animations, such as the fade-in effect.
The most important result is simply the HTML and CSS making the same display of content, but using Bootstrap 5 default classes for all major elements displayed on the page, such as:
- container
- row
- column (including responsive column such as col-6, col-md-3, etc)
- form
- button
- image / video / media
- spacing (eg, p-5, pb-3, mt-5, etc)
- font size (eg, display-6, fs-4)
- font weight (eg, fw-bold)
- colors (eg, bg-light, text-dark, etc)
- tab
- accordion
The source web page has some "extra" features that I do not need.
These things are not necessary, and can be ignored:
- the header menu (I will create this myself at a later date).
- the footer
- on desktop, the main image carousel becomes "sticky" if you scroll down the page.
- many elements have a "fade in" and "slide in" effect on scroll.
- icon images do not have to be exactly the same. Feel free to use a different icon that makes sense to you.