I need my web header fixed
- or -
Post a project like this3489
£30(approx. $38)
- Posted:
- Proposals: 1
- Remote
- #580069
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: less than 1 week
General information for the website: Portfolio Style website
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: www.peteeldridgestaging.co.uk/test/index.html
Description of requirements/features: Looking for a UK based web developer. Please see images attached for the development that need to be achieved. Might be a simple task, might not .. but the budget is fixed at £30.
It's developed with a bootstrap base.
Site: www.peteeldridgestaging.co.uk/test/index.html
- There's going to be 3 identically developed pages with different content. for Set Builder, Stage Manager & Set Designer.
- But I just need you to work on the index.html.
So....
I am having trouble with the header on this site & need some help with css, html & javascript. I only need work on the header, nothing more on the site.
The Logo, & h1 Tags, "PETE ELDRIDGE" & "SET BUILDER" need to sit vertically in the middle on the header.
- It might work on firefox but the other browsers aren't reading it the same. This header needs to be spot on & work on all browsers!
- Needs a "|" between Name & Role.
Need the menu toggle to change background colour on hover. Toggle display for the roles underneath the header with a fadeInTop css3 animation.
- The links on the Roles need to change colour on hover to #CCC;
When you hover over "PETE ELDRIDGE" the emblem to the left, needs to spin 45* Degrees .. like when you hover over the emblem itself.
See designs for responsive device designs.
- We can discuss what the @media minimum & maximum CSS widths will be for mobile menu & tablet devices.
Navigation (right hand side) of header.
- Need the menu items on the right hand side to also be vertically centered.
- Navigation needs to change on device width: see designs attached.
Also needs to activate JS Smooth Scrolling.
- Can't get it to work.
- Takes user to different sections: About, Work, Clients, Contact.
- Pete Eldridge h1 & emblem takes user back to Intro / Home with upwards smooth scroll.
- Smooth scroll needs to take the user to the top of the section & I mean the VERY TOP of the DIV / SECTION, not to the first instance of internal elements.
Intro / Splash Background: need to have it covering the full height on device: see: http://www.atmospheric.co/ for example. Message me if you're unsure what i mean by this.
Take a look, ask me some questions if you need to. I need to get it finished by Saturday at the latest. As I say, only asking you to work on the header & make sure smooth scrolling is working. There maybe be other work that I will need you to quote for depending on how this project goes.
UK ONLY, NO GENERIC SUBMISSIONS!
Extra notes:
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: www.peteeldridgestaging.co.uk/test/index.html
Description of requirements/features: Looking for a UK based web developer. Please see images attached for the development that need to be achieved. Might be a simple task, might not .. but the budget is fixed at £30.
It's developed with a bootstrap base.
Site: www.peteeldridgestaging.co.uk/test/index.html
- There's going to be 3 identically developed pages with different content. for Set Builder, Stage Manager & Set Designer.
- But I just need you to work on the index.html.
So....
I am having trouble with the header on this site & need some help with css, html & javascript. I only need work on the header, nothing more on the site.
The Logo, & h1 Tags, "PETE ELDRIDGE" & "SET BUILDER" need to sit vertically in the middle on the header.
- It might work on firefox but the other browsers aren't reading it the same. This header needs to be spot on & work on all browsers!
- Needs a "|" between Name & Role.
Need the menu toggle to change background colour on hover. Toggle display for the roles underneath the header with a fadeInTop css3 animation.
- The links on the Roles need to change colour on hover to #CCC;
When you hover over "PETE ELDRIDGE" the emblem to the left, needs to spin 45* Degrees .. like when you hover over the emblem itself.
See designs for responsive device designs.
- We can discuss what the @media minimum & maximum CSS widths will be for mobile menu & tablet devices.
Navigation (right hand side) of header.
- Need the menu items on the right hand side to also be vertically centered.
- Navigation needs to change on device width: see designs attached.
Also needs to activate JS Smooth Scrolling.
- Can't get it to work.
- Takes user to different sections: About, Work, Clients, Contact.
- Pete Eldridge h1 & emblem takes user back to Intro / Home with upwards smooth scroll.
- Smooth scroll needs to take the user to the top of the section & I mean the VERY TOP of the DIV / SECTION, not to the first instance of internal elements.
Intro / Splash Background: need to have it covering the full height on device: see: http://www.atmospheric.co/ for example. Message me if you're unsure what i mean by this.
Take a look, ask me some questions if you need to. I need to get it finished by Saturday at the latest. As I say, only asking you to work on the header & make sure smooth scrolling is working. There maybe be other work that I will need you to quote for depending on how this project goes.
UK ONLY, NO GENERIC SUBMISSIONS!
Extra notes:
Taylor B.
100% (6)Projects Completed
7
Freelancers worked with
6
Projects awarded
31%
Last project
6 Apr 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies