Foundation Off-Canvas menu test

Developer
Rob
Size
2,424 Kb
Views
44,528
  1. Foundation Off-Canvas menu test Previews
  2. Foundation Off-Canvas menu test HTML Codes
  3. Foundation Off-Canvas menu test CSS Codes
  4. Foundation Off-Canvas menu test JS Codes

How do I make an foundation off-canvas menu test?

What is a foundation off-canvas menu test? How do you make a foundation off-canvas menu test? This script and codes were developed by Rob on 30 August 2022, Tuesday.

Foundation Off-Canvas menu test Previews
IQ Test

Foundation Off-Canvas menu test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Foundation Off-Canvas menu test</title> <link rel='stylesheet prefetch' href='https://cdn.jsdelivr.net/foundation/5.5.0/css/foundation.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="row">
<div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap"> <nav class="tab-bar"> <section class="left-small"> <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a> </section> <section class="middle tab-bar-section"> <h1 class="title">Foundation</h1> </section> <section class="right-small"> <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a> </section> </nav> <aside class="left-off-canvas-menu"> <ul class="off-canvas-list"> <li><label>Foundation</label></li> <li><a href="#">The Psychohistorians</a></li> <li><a href="#">...</a></li> </ul> </aside> <aside class="right-off-canvas-menu"> <ul class="off-canvas-list"> <li><label>Users</label></li> <li><a href="#">Hari Seldon</a></li> <li><a href="#">...</a></li> </ul> </aside> <section class="main-section"> THE PSYCHOHISTORIANS
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members. </section> <a class="exit-off-canvas"></a> </div>
</div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/js/foundation.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Foundation Off-Canvas menu test - Script Codes CSS Codes

.right-off-canvas-menu { width: 500px;
}

Foundation Off-Canvas menu test - Script Codes JS Codes

$(document).foundation()
Foundation Off-Canvas menu test - Script Codes
Foundation Off-Canvas menu test - Script Codes
Home Page Home
Developer Rob
Username rowinf
Uploaded August 30, 2022
Rating 3
Size 2,424 Kb
Views 44,528
Do you need developer help for Foundation Off-Canvas menu test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Rob (rowinf) Script Codes
Name
Bootstrap test
Site Layout
Jquery form
JQuery Animations
Html5 form validation
Nav Menu with Chevron
Get combo box item value
Table filters
Filter inputs
A Pen by Rob
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!