How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial ) by aymenz

View this thread on steempeak.com
utopian-io · @aymenz · (edited)
$29.41
How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial )
Hey Friends !
I want to show you today how to create the navigation bar of Busy org which contains the logo of Busy, the links ( sign up and log in ) and the search input at the left side , the idea is to give you some ideas to design like this form ..
https://res.cloudinary.com/hpiynhbhq/image/upload/v1510066689/ljfziyzg1khhdjzu7kej.png
[Image Source](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510066689/ljfziyzg1khhdjzu7kej.png)
In this video we will talk about :
1-The link between CSS and HTML
2-How to create the div of left and of right
3-Add image and input search at left
4-Add the login and sign up buttons at right 
The language is : The French
This is the video :
https://www.youtube.com/watch?v=qzAhLvGlvFo
author : @aymenz
Thank's for your watching .

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@aymenz/how-to-design-the-navigation-bar-of-busy-with-html5-and-css3-video-tutorial">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
post_id24,644,246
authoraymenz
permlinkhow-to-design-the-navigation-bar-of-busy-with-html5-and-css3-video-tutorial
categoryutopian-io
json_metadata"{"type": "video-tutorials", "repository": {"owner": {"login": "busyorg"}, "id": 64382195, "full_name": "busyorg/busy", "fork": false, "name": "busy", "html_url": "https://github.com/busyorg/busy"}, "pullRequests": [], "format": "markdown", "links": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1510066689/ljfziyzg1khhdjzu7kej.png"], "app": "utopian/1.0.0", "moderator": {"flagged": false, "account": "drigweeu", "reviewed": true, "pending": false}, "platform": "github", "tags": ["utopian-io", "tutorial", "videotutorial", "opensource", "busy"], "community": "utopian", "users": ["aymenz"]}"
created2018-01-09 19:50:51
last_update2018-01-12 06:55:42
depth0
children4
net_rshares3,358,480,305,096
last_payout2018-01-16 19:50:51
cashout_time1969-12-31 23:59:59
total_payout_value20.560 SBD
curator_payout_value8.847 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length988
author_reputation22,330,008,525,791
root_title"How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial )"
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (25)
@drigweeu ·
$1.27
Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/UCvqCsx).
**[[utopian-moderator]](https://utopian.io/moderators)**
👍  
properties (23)
post_id25,171,125
authordrigweeu
permlinkre-aymenz-how-to-design-the-navigation-bar-of-busy-with-html5-and-css3-video-tutorial-20180112t065525310z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-01-12 06:55:48
last_update2018-01-12 06:55:48
depth1
children1
net_rshares160,730,660,802
last_payout2018-01-19 06:55:48
cashout_time1969-12-31 23:59:59
total_payout_value1.009 SBD
curator_payout_value0.261 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length172
author_reputation9,697,653,591,082
root_title"How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial )"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@utopian.tip · 
Hey @drigweeu, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!
properties (22)
post_id25,174,612
authorutopian.tip
permlinkre-re-aymenz-how-to-design-the-navigation-bar-of-busy-with-html5-and-css3-video-tutorial-20180112t065525310z-20180112t072107
categoryutopian-io
json_metadata{}
created2018-01-12 07:21:09
last_update2018-01-12 07:21:09
depth2
children0
net_rshares0
last_payout2018-01-19 07:21:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length158
author_reputation238,049,167,312
root_title"How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial )"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@utopian-io · 
### Hey @aymenz I am @utopian-io. I have just upvoted you!
#### Achievements
- Seems like you contribute quite often. AMAZING!
#### Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. <a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER!
- <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness With SteemConnect</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a>
- Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a>

[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)

**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**
properties (22)
post_id25,211,708
authorutopian-io
permlinkre-aymenz-how-to-design-the-navigation-bar-of-busy-with-html5-and-css3-video-tutorial-20180112t113803284z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-01-12 11:38:03
last_update2018-01-12 11:38:03
depth1
children1
net_rshares0
last_payout2018-01-19 11:38:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,004
author_reputation152,913,012,544,965
root_title"How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial )"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@aymenz · 
Thank you
properties (22)
post_id25,217,727
authoraymenz
permlinkre-utopian-io-re-aymenz-how-to-design-the-navigation-bar-of-busy-with-html5-and-css3-video-tutorial-20180112t121822102z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-12 12:18:18
last_update2018-01-12 12:18:18
depth2
children0
net_rshares0
last_payout2018-01-19 12:18:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length9
author_reputation22,330,008,525,791
root_title"How to design the Navigation Bar of Busy with HTML5 and CSS3 ( Video Tutorial )"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
Help/Feedback