Help Us Build Some Hard-coded Pages On Marlians.com By Replicating An Already-Existing Page - '40 Steem & 400 MARLIANS'.

Repository

Details

This is overall 'a simple task'. We simply want you to build a few hard-coded pages. However, we already have a replica of the pages we want you to build in the current code.

Please note that the screenshots (mock-ups) in this post is simply a guide. We have used 'red' color in these screenshots for 'emphasis'. You are allowed to make us of your own UI/UX expertise while maintaining the existing 'style' present on marlians.com. Do make sure to verify that your code renders well on mobile and PC and opens on all browsers.

Task 1: Create A Basic Hard-Coded Page Labeled 'Apply To Give A 30 Mins Symposium About Your Project On A Popular Steem Community'

We want you to replicate the page found on 'https://www.marlians.com/favorite-mentor' onto 'https://www.marlians.com/popular-community'. The new page would look like this (Users should be able to view this page, whether they are sign-in or not):


Note: the 'Buy Now' button on the cards above should open up an 'alert' box that looks like this: 

The 'Go To Market' button you see just above, should lead to: 'https://steem-engine.com/?p=market&t=MARLIANS'

Also note that users should be able to view this page, whether they are sign-in or not.


Here is the raw text for the page for the top banner:

Apply To Give A 30 Mins Symposium About Your Project On A Popular Steem Community

The Marlians.com ecosystem seeks to unite every steem community, creating  balance in the steem ecosystem.

We are doing this using using mini-communities e.g #creativecoin, #steemhunt, #actifit etc

Why not avail a time-allotment on a variety of talk-shows from a list of popular steem communities in our growing network, to discuss your projects in the midst of other steemians, potential investors, influencers, community-leaders etc. Check out our catalog and book a session. 


Do well to maintain the rest of the text for other aspects of the page seen on https://marlians.com/favorite-mentor

Task 2: Create A Basic Hard-Coded Page Called 'How About Extra Clout On Steem Or Outside Steem'

We want you to replicate the page found on 'https://www.marlians.com/favorite-mentor' onto 'https://www.marlians.com/extra-clout'. The new page would look like this (Users should be able to view this page, whether they are sign-in or not):


Note: the 'Buy Now' button in the cards above should open up an 'alert' box that looks like this: 

The 'Go To Market' button you see just above, should lead to: 'https://steem-engine.com/?p=market&t=MARLIANS'

Here is the raw text for the page for the top banner:

How About Extra Clout On Steem Or Outside Steem

You are a celebrity and we are your fan. As we continue to grow our network of 'certified uloggers', we may find some who have social influence whether on steem or outside steem. 

Extra clout goes a long way in creating awareness for your projects, dreams or you. Clout can take different forms too e.g a certified ulogger with some 1.7  million YouTube subscribers may be willing to give your product a  shoutout on one of his viral videos etc.  

Check out our list to find out what our 'certified uloggers' have in stock for you


Do well to maintain the rest of the text for other aspects of the page seen on https://marlians.com/favorite-mentor

Task 3: Create A Basic Hard-Coded Page Called 'Send Us A Letter, Gift Or Mail'

Help us create a simple page that looks like this  (Users should be able to view this page, whether they are sign-in or not):


Here is the banner text to use:

You may want to send us something. We will give your our mailing address. We want to receive, for 'receiving is an art'.

Bottom Text - Ways To Reach Us:

Send mail, parcel or letter to: Block 6 Lot 36 Yakal Str Villa Carolina 2, Tunasan, Muntinlupa City, Metro Manila, Philippines (Zip/Postal Code: 1773)

Send email to: comsilbronze4@gmail.com

Send steem donations to: @marlians

Send FIAT donations to: comsilbronze4@gmail.com

Component

All '3 tasks' are very-related and much of what you'll need to complete these tasks exists in the current repository. This is why we have merged all '3 tasks' into this post. 

A good place to start is analyzing the current code. 

Also across the entire task, it is essential to test your code on different browsers to make sure the end-product renders well on different browsers and mobile.

Overall, carry out the task according to your preference and expertise as the task request post is just a guide and you may know better ways to pull this off. 

Note: This is the repo-URL: https://github.com/steem-engine-exchange/nitrous/tree/scotty_marlians

You will need to create a fork 'branching from the Marlians branch' and after the task is done, you will need to submit a PR to the Marlians branch as well. 

Where you are done, submit a pull request and where we accept it, please consider publishing a 'development post' via marlians.com so we can give it some vote.

Deadline

Task 1 -3: 2-days

Bounty

There is an additional bounty totaling 40 STEEM & 400 MARLIANS

Communication

You can contact me on:       

You can also indicate interest by leaving a comment underneath this post or on Github. 
It is recommended that we are able to discuss, for a better understanding of the task.

Github

  1. https://github.com/steem-engine-exchange/nitrous/tree/scotty_marlians
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Wow, awesome! I don't mess with JS backends though. =(

These tasks are mostly frontend though. Can you take a look?

@surpassinggoogle, This is redefining steps and let's hope that this development will become live soon. Stay blessed brother.

Posted using Partiko Android