Closed

Programming a responsive website from Adobe XD to HTML5, CSS3, Bootstrap5, JS

We have created a redesign for our company website with Adobe XD. Now we are looking for a freelancer to program it professionally in clean and valid HTML3, CSS3, Bootstrap5 and JavaScript. We don't want to use a content management system. We will make small changes to the content ourselves and outsource larger ones as a follow-up order.

Very important are

---

• Responsive Websites

Optimized for all display sizes (desktop, tablet, smartphone, etc.)

• Support of all major browsers (Edge, Chrome, Firefox, Safari, Opera, ...)

• Search engine optimization of the source code and page concept

For a good ranking on Google, Bing, ...

• Embed logo & icons in SVG format

• Cookie banner (e.g. [login to view URL])

Functional cookies, statistical cookies, marketing cookies

• Media law compliant

Number of pages

---

The new homepage has 4 main pages

• Home page

• CSN Conferencing (Product 1)

• CSN Online Consulting (Product 2)

• Why CSN

and the following additional pages

• Contact form with captcha spam protection

• Imprint

• Privacy policy

• Terms and conditions

Adobe-XD links (design and content)

---

Home, CSN Conferencing, CSN Online Consulting, Why CSN:

[login to view URL]

Imprint, AGB, Privacy policy, Contact:

[login to view URL]

Navigation (example after clicking on the CSN Conferencing menu item):

[login to view URL]

Preview mobile view:

[login to view URL]

Technologies

---

The homepage should be programmed in clean and valid HTML5, CSS3 and JavaScript.

Frameworks

---

Frontend-CSS-Framework: Bootstrap 5 (local installation)

JavaScript-Webframework (only if required): Vue.js

Fonts

---

Adobe Azo Sans – local integration via a font directory

Picture material

---

Adobe Stock standard license. The images are already licensed, but need to be edit-ed for use (see Adobe XD links)

Special features

---

• 2 languages (German/English)

• Parts of the header are fixed on the page (logo, menu). "kostenlos testen" and Login are scrolled out

• Submenu: When you click on the 3 main pages " CSN Conferencing, CSN Online-Beratung und Warum CSN ", the new page is loaded immediately. If the mouse is still on the menu item, a submenu will be displayed.

• The 4 main pages each have 4 rotating banner images and messages. Change every 5 seconds or manually

• Search function

• Interactive elements

- Page „Online-Beratung, Unsere Highlights im Überblick“: When the mouse is over a feature highlight, it turns around and provides a text explanation (for an example, see Broadcast). If the mouse is not over the highlights, then a tile of the highlights is uncovered by random principle, remains for 5 seconds and then closes again.

- Page "CSN Conferencing, Branchen": Expandable boxes (see Finance / Banks)

Milestones & Handover

---

Each milestone and the complete work should be submitted as a ZIP archive for local testing.

Start in the German language. In Milestone 3, all 8 pages must be ready in English as well.

• Milestone 1 – 250 US$

Homepage, product page “CSN Conferencing”, Search function, Cookie Banner

• Milestone 2 – 250 US$

Product page “CSN Online Consultation”, “Why CSN”

• Milestone 3 – 250 US$

Contact form, imprint, privacy policy, terms and conditions, all pages in german and english

Start time, duration & your technology stack

---

If you are interested in the project, please tell us when you could start and how long you need for each milestone.

Can the website be implemented in pure and clean HTML5, CSS3, Bootstrap5 and JavaScript? Or do you need to use 3rd party libraries or JavaScript framework like vue.js? Please provide detailed information.

Skills: HTML5, CSS3, Bootstrap, JavaScript, Vue.js Framework

See more: responsive website adobe illustrator, responsive website html5 css3 php, web developer html5 css3 and js front end developers, programming responsive website centered, trabajo freelance programador html5 css3 y js, HTML5 CSS3 Angular JS, responsive website templates free download html5 with css3 2017, build responsive website using html5 css3 js, create a responsive website using html5 and css3, create a responsive website using html5 and css3 pdf, build modern responsive website with html5, css3 & bootstrap download, build responsive website using html5, css3, js and bootstrap, build a responsive website with html5, css3 and bootstrap 4 download, responsive website templates free download html5 with css3, how to create a responsive website using html5 css3 and bootstrap, responsive bootstrap website start to finish with bootstrap 4 html5 & css3, i don t want my picture on the company website, responsive web design essentials - html5 css3 bootstrap free download, responsive web design essentials - html5 css3 bootstrap download, i don't want my picture on the company website

About the Employer:
( 0 reviews ) Cologne, Germany

Project ID: #31805603

48 freelancers are bidding on average $695 for this job

(35 Reviews)
7.7
(138 Reviews)
7.6
(34 Reviews)
7.5
sapnathakur14

Hello, I'm FullStack WebDeveloper with more than 6 years experience, my Stack: CMS: Joomla, Wordpress (build and managing extensions, build templates) FrameWorks: CodeIgniter, Laravel Template Systems: Blade, Twig, Sma More

$750 USD in 10 days
(45 Reviews)
7.0
tomydeveloper

Hello Dear , Hope you are doing good and well. I have gone through your project requirement and found our website and designing skills are matching your project requirement. We are expertise in UI/UX designing .Drawn More

$1300 USD in 20 days
(67 Reviews)
6.6
(43 Reviews)
6.3
Friends4it

We did several ICO Platforms Like [login to view URL] [login to view URL] Ready to complete your requirements professionally. I am the only perfect candidate for your project "Programming a responsive we More

$750 USD in 6 days
(68 Reviews)
6.6
vovakovalkov80

Hi client Thank you for your job posting. I am very interested in your project and I will provide you 100% quality work. My Main skill: React.js, Angular.js, Node.js, PHP, Laravel, Wordpress I am ready to start work i More

$750 USD in 10 days
(14 Reviews)
5.8
ujeet

Hi, ❤❤ I'm a PHP, Bootstrap-v5, HTML5, CSS3, JavaScript 7+ Years Expert ❤❤ I can START Immediately!!!. I can create your Adobe xd, PSD to Bootstrap, HTML5, CSS3 with clean code, and Fully responsive according to your More

$750 USD in 10 days
(35 Reviews)
5.8
(32 Reviews)
6.0
michealperfect

Hello sir, I have a massive experience in professional conversion of XD to HTML, I am a professional full-stack developer looking forward to your response, I can do this work at its level best, all you need to do is ju More

$700 USD in 7 days
(37 Reviews)
6.1
(9 Reviews)
6.1
jeyhunilysov

I can start right now and a week is too enough to finish it for me. ❤️Hello, dear client❤️. Hope you are doing well. Of course, If you want I can do it without any 3rd party library. As a frontend developer, fully resp More

$750 USD in 7 days
(17 Reviews)
5.3
(5 Reviews)
5.3
andreyyukhim

Hi. I have read your requirements carefully and I am sure that I am very suitable for this project. As a senior web developer, I am very familiar with Bootstrap5 and Vuejs. I am sure I can satisfy you and hope to disc More

$750 USD in 7 days
(11 Reviews)
5.4
EvgeniyStrigin

Hi. Thanks for giving me a chance to bid on your interesting project. I have 5+ years experienc of Vue.js and I have done much project. If you want, I can show about that. I agree all your requirements. Please discuss More

$750 USD in 10 days
(6 Reviews)
5.2
(3 Reviews)
5.3
roman0700

Very happy to see your job posting. As a full-stack developer, I have much experience with frontend & backend technology. I am an independent freelancer and fully available. Here is my most similar and suitable site f More

$500 USD in 7 days
(15 Reviews)
4.8
Vikasv8

1) I can start immediately. 2) we can use React.js (best option as per market needs and performance) 3) we can make the all milestone works in 1-3 weeks. Depend on the work deadline you are looking for... Hello Greeti More

$680 USD in 5 days
(27 Reviews)
4.9
(5 Reviews)
4.4