The <nav> tag is one of the most useful and essential tags in web design, considering how it's what creates the menu bar.
Ex. <nav class="w3-sidenav w3-light-grey w3-card-2" style="width:70px;"></nav>, accompanied by <div>s and <a href>s inside, creating links leading to other parts of the site.
Ex. from my own code:
<nav class="w3-sidenav w3-light-grey w3-card-2" style="width:70px;">
<div class="w3-accordion","tooltip">
<a onclick="myAccFunc()" href="#"><i class="fa fa-bars w3-xxlarge"></i></a>
<div id="demoAcc" class="w3-accordion-content w3-white w3-card-4">
<div class="tooltip">
<a href="#"><i class="fa fa-bell w3-xxlarge"></i></a>
<span class="tooltiptext">Notifications</span>
</div>
<a href="#"><i class="fa fa-calendar w3-xxlarge"></i></a>
<a href="#"><i class="fa fa-globe w3-xxlarge"></i></a>
<a href="#"><i class="fa fa-book w3-xxlarge"></i></a>
<div class="w3-dropdown-click">
<a onclick="myDropFunc()" href="#"><i class="fa fa-gamepad w3-xxlarge"></i></a>
<div id="demoDrop" class="w3-dropdown-content w3-white w3-card-4">
<a href="#"><i class="fa fa-map-marker w3-xxlarge"></i></a>
<a href="#"><i class="fa fa-trophy w3-xxlarge"></i></a>
<a href="#"><i class="fa fa-dot-circle-o w3-xxlarge"></i></a>
</div>
</div>
</div>
</div>
</div>
</nav>
This class offers all students an forum to discuss, submit work and critique Web Design trends, digital media technology and culture. Students will create Web Design projects using a variety of software design tools as they define and decide what works best for them. Students will analyze and write about cutting edge web design and also experiment and deploy their own personal website.
Wednesday, October 26, 2016
Subscribe to:
Post Comments (Atom)
Cesarini_Final
I hope you have a great Holiday break!!! EmCesarini.github.io Website Direct Link
-
Chrome Experiments Not going to lie I was having so much fun on the chrome experiments page. They are so interactive and the themes are so...
-
The episode of Black Mirror that we watched in class was a very interesting take on a world that relies on the judgement on others. I feel l...
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.