Header and Menu css/js/html
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

I need to mock up a splash homepage.

I would like to use the current animation hero:
https://github.com/ccsouthard/dreamachine-promo

  1. Copy header menu and slider from : http://www.sololanguage.com/

  2. Alter top menu images and slider colors + imgs to emulate: http://www.sololanguage.com/

  3. Add the callout section "discover box" from above url

  4. Use https://github.com/ccsouthard/dreamachine-promo/blob/master/favicon.svg for logo

  5. Alter "download" button to reflect similar blue as logo

Bonus:
- add heading and slider section of thumbs to emulate: https://obeygiant.com/prints/

I'm looking to make a theme from some markdown and images. In the meantime, this is just a test promo page. If you are interested in helping to make static site and have some design ideas as well...please let me know.

I'm open to any front end stack. Prefer sass or stylus and jade

Hi, i'm interested about your project, and looking to help you, but didn't understand it well. what i' getting it, is that you want to build your website https://obeygiant.com/prints/ like this one, http://www.sololanguage.com/ with the top menu and slider of this one https://github.com/ccsouthard/chazsouthard.com/tree/v8 right?
Houcem B. A. Chlegou 1 month ago
The hero animation is the base. The menu and header are to be added on. Basically the solo language page is just changed so that the animation replaces the lady and the logo and the color of the button changes to fit the identity. The sections below that are Pieces that will be used later if they can be mocked up.
simpletwist 1 month ago
to help me, please answer me, 1/ https://obeygiant.com/prints/ is the content of your new website that you are building right? 2/ what is the story behind stylus/jade? i never used nodejs before, if there is something related with node, you do it, and let the HTML5 and CSS and JS for me, i can help you building your website. i will send you soon, what i did. i will upload files in my server, so you can see it there.
Houcem B. A. Chlegou 1 month ago
The ccsouthard is my GH repo. I'm just looking for some fast work marking up the site. The promotion Page is the dream machine Svg animation. I need to add a header and I menu to the side. Below that will be very sections that explain the application. The other sites mentioned our styles I want to add to the top of the animation. The bonus is for sections below. I will try to be rewrite tomorrow.
simpletwist 1 month ago
here is the link so far: https://goo.gl/SvXYPk . waiting for your answers on last questions, so i can keep on. (it still fuzzy a little bit)
Houcem B. A. Chlegou 1 month ago
did you checked this link https://goo.gl/SvXYPk ? i made a fast build for what you asked for, the menu and the header are there. tomorrow, why not, we make a google voice call, and we speak about it maybe. my email is nicolastsue@gmail.com
Houcem B. A. Chlegou 1 month ago
I think I made it more confusing that it needed to be. Please check the question.
simpletwist 1 month ago
Hi, I have made some designs, where to send the design.
Codeword 1 month ago
https://codepen.io/ is a good place.
simpletwist 1 month ago
im not a pro member of code pen so not being able to upload assets like pics and other js/css are not upload, please help what to do next, so should I upload the code to github
Codeword 1 month ago
awarded to Codeword
Tags
html5
css3

Crowdsource coding tasks.

1 Solution

Winning solution
Tipped

Hello I have created some designs and soon gonna mail them to you hope you love it, Your email please

please leave answer here or codepen/jsfiddle. thank you.
simpletwist 1 month ago
Okay thank you.
Codeword 1 month ago
These look really solid. You could always upload to dropbox for free and provide me the index.html. Are they responsive?
simpletwist 1 month ago
yes the pages are responsive, okay I will upload the files to dropbox.
Codeword 1 month ago
I have uploaded the file to Dropbox, here is the link but the problem is Dropbox preventing js file loading, so the animation not occurring https://www.dropbox.com/s/1mo37ee5bx3cwdo/index.html?dl=0 But I have also uploaded the file to GitHub you can download from there, any modification needed will be done ASAP. https://github.com/Tech-engine/simpletwist Thank you.
Codeword 1 month ago
the typography is little off and there are some subtle adjustments to be made but this is exactly what I was looking for. Could you add the hover state overlay to the grid section? Really nice job. I need to look over the code and are you open to a static site dev?
simpletwist 1 month ago
sure hover functionality can be easily added, I will add this and upload again to github, anything else. Yes I am open to static site devlopment. Thank you.
Codeword 1 month ago
I have updated the index.html file in github, have a look , the images now has a hover effect
Codeword 1 month ago
Thank you simpletwist, if any more modification needed, just comment here, I will be glad to help you.
Codeword 1 month ago
I need the animation to be fully visible… For example the circles on the bottom. Could I the menu text that says menu on the top bar to resemble the previous site as well. Oh- with the overlay what is the bet way to add text. How can I contact you regarding some development?
simpletwist 1 month ago
can you elaborate a bit more, it would be helpful for me,moreover you can contact me , my email is query.techengine@gmail.com Thank you.
Codeword 1 month ago