Angular project minor design fixes
Budget: ₹600 – ₹1,500 INR
I need an angular-based designer or developer who can fix some project designing bugs. Only those candidates can apply who can start immediately and fix these issues by tomorrow. (7-Sep-2021)
Website URL: https://test.mazmazika.com/
1. Turn All White Corners below the main video of pages like vocal remover and chord analyzer and sing karaoke to Black Corners. This applies to 3 pages right now:
vocal remover, chord analyzer, and karaoke. (See Step01.png attached)
2. We want to place more creative ads (not all ads should be horizontal) (see an example in the attached Ads.pdf file)
3. Aligning the menu in the opposite direction:-
- The Menu should start from the left side, together with the social media icons
- Also the links under each menu, should be left-aligned not right-aligned
- The logo (home button) should also go to the right side, just opposite its current left-sided position.
4. The Menu Text (Karaoke Tools, Chord Analysis .. etc) should be stroked with another color to appear against videos correctly, and also the designer can choose a more modern font.
5. Music Radio Streams:- (https://test.mazmazika.com/music-radio-streams)
The Table Needs To Be Wider so that no one word should be written on two lines like
CO
U
NT
RY
OR
Ger
man
y
We should remove the overlaying transparent rectangle holding (CHOOSE A RADIO STATION TO PLAY) and intersecting Country And Genre Dropdown lists.
6. Songs Chord Analyzer:-
When you choose a song, the title is very high that it is just under the menu, it needs more space, and to be placed properly.
The Navigation bar needs to be changed to something more appealing & with a more active horizontal area to click and navigate (right now you can click only on the white line where the head of the slider is moving. The whole rectangle should be clickable) (look for navigation-bar.png)
it should be as wide as the video being displayed (Desktop & Mobile View)
In Youtube and Soundcloud tabs, make the same space between the button and the typing input text.
(look for soundcloud_button.png & youtube_button.png)
7. About:-
The Upper menu bar is wider than other pages, with the ad sticked to it.
There are no left or right margins, and there need to be breaks between each point, and each point head section should be bolded. A list should appear here for each point. In the code you find them grouped in li-tags but it does not appear on the screen.
8. Mobile View:-
Remove The Right Menu Or Make it respond correctly
Fit All Tables And Views to fit mobile view (no wider screens than mobile & no text should be so close to each other & also no word written on more than one line)
In the Chord analyzer, there is the text that is going inside each other
in sing karaoke, the timer (the number) is outside of its box, and when you click it, a strange icon appears.
I will send the code to the selected candidate.
Thanks & Regards,
Kartik
Website URL: https://test.mazmazika.com/
1. Turn All White Corners below the main video of pages like vocal remover and chord analyzer and sing karaoke to Black Corners. This applies to 3 pages right now:
vocal remover, chord analyzer, and karaoke. (See Step01.png attached)
2. We want to place more creative ads (not all ads should be horizontal) (see an example in the attached Ads.pdf file)
3. Aligning the menu in the opposite direction:-
- The Menu should start from the left side, together with the social media icons
- Also the links under each menu, should be left-aligned not right-aligned
- The logo (home button) should also go to the right side, just opposite its current left-sided position.
4. The Menu Text (Karaoke Tools, Chord Analysis .. etc) should be stroked with another color to appear against videos correctly, and also the designer can choose a more modern font.
5. Music Radio Streams:- (https://test.mazmazika.com/music-radio-streams)
The Table Needs To Be Wider so that no one word should be written on two lines like
CO
U
NT
RY
OR
Ger
man
y
We should remove the overlaying transparent rectangle holding (CHOOSE A RADIO STATION TO PLAY) and intersecting Country And Genre Dropdown lists.
6. Songs Chord Analyzer:-
When you choose a song, the title is very high that it is just under the menu, it needs more space, and to be placed properly.
The Navigation bar needs to be changed to something more appealing & with a more active horizontal area to click and navigate (right now you can click only on the white line where the head of the slider is moving. The whole rectangle should be clickable) (look for navigation-bar.png)
it should be as wide as the video being displayed (Desktop & Mobile View)
In Youtube and Soundcloud tabs, make the same space between the button and the typing input text.
(look for soundcloud_button.png & youtube_button.png)
7. About:-
The Upper menu bar is wider than other pages, with the ad sticked to it.
There are no left or right margins, and there need to be breaks between each point, and each point head section should be bolded. A list should appear here for each point. In the code you find them grouped in li-tags but it does not appear on the screen.
8. Mobile View:-
Remove The Right Menu Or Make it respond correctly
Fit All Tables And Views to fit mobile view (no wider screens than mobile & no text should be so close to each other & also no word written on more than one line)
In the Chord analyzer, there is the text that is going inside each other
in sing karaoke, the timer (the number) is outside of its box, and when you click it, a strange icon appears.
I will send the code to the selected candidate.
Thanks & Regards,
Kartik