Streaming live at 10am (PST)

I've frozen during my first webflow build


#1

Hi all

I have been following the tutorials on and off. Often repeating them over and over again like so many others. But I looked at practising on a totally different template layout.

I came across this lovely site design on dribble https://dribbble.com/shots/1491069-Bicycle-Flat-Layout-PSD/attachments/223479 and thought it would be great to recreate it. But to be honest Ive kinda froze and havent got past my header.

I was wondering if anyone could give me a gentle nudge and would recommend how i could approach building this.

Thanks for your time.

p.s. Ignore the Username, its just my instagram handle. Has no bearings on my lack of ability to code. smile


#2

Hey genius... (: (sorry can't help)

Nice layout indeed, a 6 columns grid... I'll give it a try later on today and screencast it. It's totes Webflow's dope (:


The 3rd attempt using webflow - Please read and critique
#3

Hi Vincent thank you for the reply. Much appreciated.


#5

http://www.yebocreative.com/freebies/bicycle-free-onepage-psd-template-by-yebo/


#6

@Revolution that is the best reply ever stuck_out_tongue


#7

Hi @vincent did you have any luck with the build?


#8

I'm having a nightmare day but I've started! I'll tell you more tomorrow.


#9

@vincent Ahh, I can totally relate to having nightmare days! Im havent moved on from my initial approach, back to watching the tutorials again.

Hi @webflow I love your tutorials they haver helped me to better understand the semantics of of web building greatly. Wanted to know if you would create new webflow tutorials in the future with a more portfolio type designs in mind other than product (startup) focused templates. smile


#10

Genius, my screencast failed, it recorded nothing unfortunately. But I kinda achieved the site.

See it here: http://lets-go-camping.webflow.com/

See how it's made here: https://webflow.com/design/lets-go-camping?preview=19ad04293c0feb2a07ea934369de2ff6 I didn't cheat or hack anything. But there's a fair amount of fixed heights. Almost all images are backgrounds. All icons are vertically centered using the @bartekkustra method.


#11

@vincent Wow! yours looks great! Thanks very much for creating this. It is definitely a help. I am actually still struggling with my header, as i cannot seem to center my logo and reduce the middle coloum width. I havent worked out how to share my progress so you can have a look at what i mean.


#12