Valclass

navbar

Utility for creating navbar components.

Class
v-navbar
v-navbar-fixed

							

						<--add a component class to body tag-->
						+ <body class="component">


						<div class="v-navbar">
							<div class="v-logo">
								<h3 >Valclass</h3>
							</div>
							
							<ul>				  
								<li><a href="#">home</a></li>							  				  
								<li><a href="#">pricing</a></li>							  				  
								<li><a href="#">product</a></li>							  				  
								<li><a href="#">service</a></li>							  				  
								<li><a href="#">gallery</a></li>							  				  
							</ul>
						
							<div class="v-btn-toggle">
								<input type="checkbox">
								<span></span>
								<span></span>
								<span></span>
							</div>
						</div>

provide v-navbar-fixed instead of v-navbar, if you want the navbar to have a fixed position

							

						<--add a component and background-color class to body tag-->
						+ <body class="component background-color">
						

						<div class="v-navbar v-warning">
							<div class="v-logo">
								<h3 >Valclass</h3>
							</div>
							
							<ul>				  
								<li><a href="#">home</a></li>							  				  
								<li><a href="#">pricing</a></li>							  				  
								<li><a href="#">product</a></li>							  				  
								<li><a href="#">service</a></li>							  				  
								<li><a href="#">gallery</a></li>							  				  
							</ul>
						
							<div class="v-btn-toggle">
								<input type="checkbox">
								<span></span>
								<span></span>
								<span></span>
							</div>
						</div>

option to change color variant on navbar

navbar

Utility for creating navbar components.

List of properties and components

Valclass