مؤسسة انزلاق الملاحة (خارج قماش)

<- شعبة الأبعد :! تخطيط الصفحة ->
<فئة الدرجة = "بعيدة عن قماش -wrap" بيانات offcanvas>
<- العنصر الداخلي:! "أشرطة الأدوات" المحتوى (الرموز، وصلات، والوصف، الخ) ->
<فئة الدرجة = "الداخلي الختامية ">
<الطبقة التنقل = "علامة التبويب بار ">
<الطبقة القسم = "غادر الصغيرة ">
الطبقة <A = "left-off -canvas-toggle menu-icon" أ href = "#"> <SPAN> </ SPAN> </ أ>
</ القسم>

<الطبقة القسم = "بعلامة تبويب منتصف شريط المقطع">
<H1 الطبقة = "عنوان"> خارج قماش مثال </ H1>
</ القسم>
</ التنقل>

<! - انزلاق القائمة ->
<وبصرف النظر الطبقة = "اليسار قبالة -canvas-القائمة">
<! - إضافة وصلات أو غيرها من الاشياء هنا ->
<UL الطبقة = "بعيدة عن قماش -list اختبار">
<لي> <التسمية> العنوان < / التسمية> </ لى>
<لي> <a أ href = "#"> رابط 1 </ أ> </ لى>
<لي> <a أ href = "#"> رابط 2 </ أ> </ لى>
...
</ UL>
</ بصرف النظر>

<! - المحتوى الرئيسي ->
<الطبقة القسم = "القسم الرئيسى ">
<H3> أبجد هوز </ H3 >
<P> ... </ P>
</ القسم>

<! - إغلاق القائمة ->
الطبقة <A = "exit-off -canvas"> </ A>

</ div> <! - نهاية المحتوى الداخلي ->
</ div> <! - نهاية القائمة المنزلقة ->

<! - مؤسسة تهيئة JS ->
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ()؛
})
</ script>