=Dû”</(j²qË	xŒ‘ÒŠÌW¼ú‰y	Ñ×´	Î†IÍDldó~¨_E÷qÏT½p‰ÌwC§$p*«ôo®Ìÿn_é8œÁ²<9²ùN/þf±pÜ’U©¸?š‹dHx±6fTU]“z×3iK•Ç¨…TçÍäÌìI¯=FJÙ:¾´‚á}7o :»é®(Ç5·èÕZrìQJ·Øá¡‘dÇá>í,âõ]S ƒZ¦S‰srk}_òT®Å‹j–Rƒ2SÃvÂ“p"ÓkyªJP‡nÍZGh¼çWŽ•N½x»ÉQdœ‚Š›{°éù{¥€RéŸR—©áé¸p4§Ãw®Ò"ÀÅîpb&ª;{¯Xúª¾Ùøón+–Þ©ƒE[ãD8mìÈD%®‡øU€ïÝùíÝ¾>¿ó³F9ú¤ŒŸtøÜ‡Óçûußÿ  {uI¶¶ok|½ðÊfóè.Yž€CþvåZÅz_0Gœ„‡·ÔËÞo×+»&Š£è¯-4ú”}IdU;aþÜõc1œ«õ^V2Ô½ÿÈ–º½ÌDºyûrN?ò¨
à¯H*o®;èé%[øùKõXoÜèi íïÙT ð’Ö¦÷°e­GœìUòfþ7K&^?ÛA°%?¥u(ºÀæcÉö­!Fºª-Ö!n$Ò·o`¥þó·îªÉ¹«ÜÔÂë÷†PS’^Ú?'$Ù¡nÕæ©ñ0Guí´ho5¯»»‡ZëUˆ›Llnœ|À´q,Kœÿ#Ço»÷L±‚˜>^ÏMuÅ%WAÓB+#†(`Ë"Ë>Ô½J¯ºNšÈ®,ýà~^9÷"Ë>Ë\žÇ	³Âà™z\µÅ»°Ÿ¼ã¨¾BÄ?ÜF“¨tKœÿ#Ço»÷L±‚˜>@ä1Í³5S·å¼ó<v¬áœÒoþâçª4ˆË¦¾¨Öz.¾lq¦^Ýy¢…e±ï‚¾Zßcwã†

H'ÝòÌ¼6€pZ-rbøÓÊQ¢°3Ò\®‡v¨_˜E^T&'nT+ðyrÎ0€7cå1
<ÓR«cPzåºÍt@ÜdBr°>‰ÜË²,éùÅ¦&±ÔdKdžÕ¸ôñC0©'¾2 ¤‹gtPžå4Æ9ˆQ ´*ÈéJrK(:¥+sG5=ÐÀ¡)Äƒ¿ØÂsèF”#cö•à‘êñ]°Ù½4²C$gH››¬íŠU"e´¥/rÑ'ÉØv7Åy-R
©ÃUx/Öxÿ}•¶=>åœ3¸<žã+eH2¸µìòñ¿o5ÒlTä‰;~èCFù¬cKüe
Ì;æ3÷ùžÄ¶ÿ&lAËbJ*ïNñÁ	—ÃJ·P0g‹‚RÐ["ó¢j2ÿÉ‡Ùì£l®ÿ3ÀuSOèpulü"Ë*xwmoŸè£{P¯Á^âŸØ;ã,“/2ƒdÕgÔ_èì‡-æ=ûØµŽÏõëèõÂ5©Gb”ÏKOéj¾‘Þ™þ¿4¼.æ!)òÌ¼6€pZ-rbøÓÊ]îœcíEÏïf½³Ù%öÜ/)±tØP¼µH¸/w¾fæWøü¿Ÿvñ‘bÞºú‚c‡¸ªeçŠZ‹2ÉøÌDÞî=y 9Ö1=Ûý°-¼Çy0·ñ"lû-kôI»Ò=…†aÎÃöŒ¶ßÅ)”P¯¢†3ž]ÑB¢ª¥²ö-8§L¹ëîKÌmå‚Ôó{rœ‚,F‡±VÄ’²’zŒL;yVwa-0>+{&ÈbÚ¼t
)#S`ÞU¿ôÂWÂÂrcJ¹öÀ^Í‘î'Rýñ†:­Kºxn·Ø²	µÿb™”]û'ª¦˜ˆÏþ<_N?P1 lð=í¯k”Ã>‰3‡‰ë“§¨u®¹÷nø®äŠ¿;žT\S3Ý)ŽÞm-À±G_ Ž/ü­ìK‡@þôÑl“Óõ•aæ”u&©c„+ÌƒMF4øíH9,ÛÒDÅ.ý{†NµªnÙ½<ë\aÜÆL—5
•yjU3;x`VÈS9S‹µr±Ò~sžA[S„ "ûdY~ KKãDJ¬’o/òyáq–ˆv¸ï°Zî}Ðñâì«]WAƒ…¥Ðâ»'àÑ›ªÉ#ññ…6:´ëÏq•|JàÏ)-y[Ø\u2Š¦ÃO†$;]#·ùÂŽR pÈ	°f’Ì~ºC—3am|{¢ùN Âm„˜a-e<?pyôkF³á‰5Ç¶¡2ßõò°ÜOÆÜ¤;ý"ÚŒÈÔ{„ºø<E
˜×9Úz¶ü£ÞÏÎœ€˜ä¸ÌvsL&oQQ¸±¶ŠÙÛ|ýÂžøÍbWÐ¥ÉìfONšmQÙ‘w‚ñHz½æ.Î§Ñ	)VC  ž'¤¡V^ýFe³×ñm4wIÀèK½^mù'CtòæÓÛW_/çFqC2;½±O#}ÊT(ªi/üP<LØÃÐÒ{Ù¦Äj ù©ý«ŠÍ‘€Ì/çFqC2;½±O#}ÊT((4™Ù–Ž©¸1ápß¤q¤¶ÌàŠ7pÂŸ[)þ}æ¶†}®ù¸¬„-g‹HP1Kj²®GŽ†bÒ–‰Ð%hì»Ÿ­ª±é5Mw’äãÁ€ßLSŠËá×!‘gÌœò~¸ïo
éÄõ »1MmÁÿ=û@škQoòÛñE~êF•e×Œ®06 ¼¨"%
&¨ /3øäaxRí»f%Çû @Õ# ‘ÿyØÜ™à¨FðÈ«O$ˆÔPøÊÿ‚gJ‹×Œ®06 ¼¨"%
&¨ °Õ8„TÄØ­ãw’9@ò¸gç Ã¤Ñô‚‹KâZÕÈBYOæâÉ¾ÐÂLî×Œ®06 ¼¨"%
&¨ €ÌUþ£~5ÝòàYÇÍ	Ö39Ùo¸n7eóíhÚ
Vwå}ù,Y
"®«¡õ×Œ®06 ¼¨"%
&¨ yÿÂ7d2‡{MÒ™j’j¬ÄVV‹þà´gEŒ×Œ®06 ¼¨"%
&¨ žiŸµ”6°r0ºÅ—_À‰4`èP,¹ÛmRåºpS[·$h›è•½bŸ–+ÛrmÐì?eáÃ0ljê%Û_úLƒŠŽ)‹Ç:&kÜgfŠñŒ>óÁõ1e¬úØ‰g…½ƒÀ8ØÆVå|ÍæÀ'ñwd+y¸.×Œ®06 ¼¨"%
&¨ ×oÑSõH£Ûrµˆ"û–DÚfø·ñEtQÜx~O;$4°äî¯­m‡åžÇ˜$Xw×ì$Ú²¨±3Ñ1q÷ÕòÃ“'4¯-íÿSš3ô¤$¬UC%Óxü)W>TAC*
Ñt”(š°Ó%J™ê(&Ê|Z‘W—º÷T4‘ö˜!ow‰§ÅìÏÅó¥W÷Ä»ÖÿU(Çéª–¦BNdÏ§õÚ”µJšëWN-Ï¾^”XS`*ZOž"
))Ê‡Õ¥ú/BnöˆÜlŒ‡@‘Û™*¡ïíºEåÀi$‹‘H
¾%j¬Q[¥óQ¯a¡]ÏD÷É‰ç´'åý‡fQÏLÄèz¹Üßà] ­¡jS;ßKGËÐÂuaŠ-Ÿ&òq3˜$=&*þ´dyXÝ%òýâœ×Ô2Ñßê+UW¦ô{þŒ 8:•™tò³öHž1Cß…Tÿïª€b8Xx‚“ãOuòÏl
÷ßwÏ›é3ÙùŠŒöEÉx|Où*5Ô¶bã§h$ï³+Ì^Ù…þ·ú ˜!(fZßáfÒ´G×Œ®06 ¼¨"%
&¨ …Ô€Ø¦ø°W$¶Æ’×Œ®06 ¼¨"%
&¨ ðpfõ6»qE—(°tøLQft$|”Ó>4Vî¼€íº¦Q‡fh<$t`[ªHÔ(×Œ®06 ¼¨"%
&¨ þ¡oî{žÅß3ˆùƒ^u¶-Á¼Mè³ñóI ÆûäÇ[a’þõ3/)Ñw‡‚³[ŽÂ!¸ÇÛÊcÞ¨4a9¬ƒ¢Þ5s'uäò°ˆ¼P³tËN’¾ñ…Ka-0¬t8Û6€PÍg_ˆÇÞÌ3M5ÀÐÏVÉ©XÉZ·é+ÿ%5ˆ]zEHÚHªêƒ‹š¯53×Œ®06 ¼¨"%
&¨ Âè(‚5áB®|r¨úK K¯RÝ*-mŠ¹Î›Ÿ]Ø®÷=Ý:ôå±Ê×Œ®06 ¼¨"%
&¨ ‰Fƒ0€Ÿ ×*HM)âwvn€™óèažá/ãéêAlÞxê•‘Óõº…vš×Œ®06 ¼¨"%
&¨ æà¨ÛÅrÚ!WApLØÐýÕkÛß†Óxw ó÷‚Ë^.žÜƒî4*”ÒMž²däÛI‰|>j-rƒÊÄ‡T™{Q·£\ÃU´3›%KHtÁ„…Û’é/7þÐ_R°*xXGtŒÛ5(n¥'xˆ<D’ø?üB™+¦|'°ÿR†æíñ”r7ŠNþz«M"ŒÝËZ€áÆg	ÿ	×Œ®06 ¼¨"%
&¨ òk<;ZÛEŸ€v©‰}¯þ:BC.lp¹¢F>¿O'þbü,(‚ëgI]£p'\ê!ðá¡Bˆü~üMøax½ 6Cëõ¸~+¿ãâô-#Š)x¹íùQ|â–Û™1m1.ÿàJX²9HD·øÅnD¬¿òó,ê}œ“ûIÉ«¶®<>„®œ(ÈøžçT)aC ™Õï¼ºI‹.>†Sü5N!>V'Ëˆ5šÃœfJ•Û¿Á·]éŽp~Üzo,Ðe½¨<<ˆ^ŒþâükÇØ¶ËcpPl¦œº3nÛdõƒèxr(Šgc8×Œ®06 ¼¨"%
&¨ ¡R-!WÈæýPDŠóî3ýá®¹3Ny{8çÂÊý0À¤*‹£*LlÝøþp9˜T‰[¨Ð.úûz($ªé$ABÖˆ8ôPèë‰µú.l9ï!„–, õ³Cƒ Ñ`í÷]Ó$CE_(«ö[…éxE~ü¼ ÎœQö4{ŒZ:þ(‘™w»Ý§+.—3Ë50úF*­&a0ƒœ©bÙnp¦8~;¦µ«’ÇfwQ.Ø
§±‘À¾—.e¦®?b™“¿…YÂ¦N8¾¶0öeÚT*z¦Jü|ÿ@$`WJ 3ñp­÷¯cŸd@fD
Â&gƒ›ú³U¡C¸ˆª×žvNÚ;Ð¤{s]¢Ž€‹ž(ÓO]@ßêÑžÜ9ád6&Ã5Y„•¯)ÒvCþSÚ2ãJÁ7J:…æ‹¬ <strong>IE9+, Google Chrome, Mozilla Firefox, Apple Safari, Opera å’Œæ‰€æœ‰Androidå’ŒIOSç§»åŠ¨æµè§ˆå™¨</strong>ã€‚å¯¹äºŽé‚£äº›ä¸åœ¨åˆ—è¡¨ä¸­çš„æµè§ˆå™¨ï¼Œæ˜¯ä¸æ”¯æŒçš„ã€‚</p>


                        <h2>æ–‡æ¡£èŒƒå›´</h2>

                        <p>è¿™ä»½æ–‡æ¡£æ—¨åœ¨è§£é‡Š <strong>ç»“æž„åƒæ–‡ä»¶å’Œç›®å½•ï¼Œæ¨¡ç‰ˆå’ŒJavaScriptæˆ–è€…ä½ å¯ä»¥é…ç½®çš„</strong> æ¨¡ç‰ˆã€‚ å› ä¸ºè¿™ä»½æ¨¡ç‰ˆæ˜¯å»ºç«‹åœ¨ä¼˜ç§€çš„Bootstrap 3æ¡†æž¶ä¸Šï¼Œä½ å¯ä»¥åœ¨è¿™é‡Œæ‰¾åˆ°æºæ–‡ä»¶ã€‚<a href="http://getbootstrap.com/css/">http://getbootstrap.com/css/</a></p>

                        <p>
                  è¿™ä»½æ–‡æ¡£æ˜¯å‡å®šä½ å·²ç»çŸ¥é“åŸºæœ¬çš„ CSS,JavasScriptå’ŒHTML,æ‰€æœ‰åªæœ‰æ¨¡ç‰ˆå…ƒç´ çš„ä½¿ç”¨å’Œæ¦‚å¿µä¼šè¦†ç›–åœ¨è¿™é‡Œã€‚      
                        </p>

                        <h2>å¼€å§‹</h2>

                        <p>å¼€å§‹ï¼Œåªéœ€æµè§ˆä¸€äº›ç¤ºèŒƒé¡µé¢ã€‚
                            
                            ä½¿ç”¨ <strong>Chrome Developer Tools (Chrome), Firebug (Firefox)</strong>
                        æˆ–è€…ç›¸ä¼¼çš„æ’ä»¶åŽ»åˆ†æžä»£ç ã€‚    
               
                        ä¸ºäº†èƒ½å¤Ÿæ›´æ·±å…¥ç†è§£ä»£ç ï¼Œæ‰“å¼€HTMLå’ŒJSæ–‡ä»¶ï¼Œè¯»æ³¨é‡Šçš„ä»£ç ã€‚
                        </p>

                        <p>ä½¿ç”¨ <code>plain_page.html</code> ç„¶åŽå¼€å§‹å»ºç«‹ä½ è‡ªå·±çš„é¡µé¢ã€‚</p>

                    </div>
                    <br><br>


                    <div id="files_and_directories">
                        <div class="content">
                            <h2>æ–‡ä»¶å’Œç›®å½•</h2>

                            <p></p>

                            <div class="col-md-6">
                                <img src="images/layout.png" style="width: 90%; border: 1px solid #ccc; padding:5px;" />
                            </div>

                            <div class="col-md-6">

                            </div>
                            <div class="clearfix"></div>
                        </div>

                    </div>
                    <br><br>


                    <div id="layout">
                      <h2>å±‚æ¬¡å’Œç»“æž„</h2>
                        <ul>
                            <li>æ ‡é¢˜</li>
                            <li>é¡¶å±‚èœå•</li>
                            <li>ä¾§æ èœå•</li>
                            <li>å†…å®¹</li>
                            <li>é¡µè„š</li>
                        </ul>

                        <h4>æ ‡é¢˜</h4>
                        <p>ä¸‹é¢æ˜¯æ ‡é¢˜ä»£ç </p>

                        <!-- sample code for header -->
                        <div class="highlight">
                                <pre class="prettyprint lines brush: xml">
 <!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Gentelella Alela! | </title>

        <!-- Bootstrap core CSS -->

        <link href="css/bootstrap.min.css" rel="stylesheet">

        <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
        <link href="css/animate.min.css" rel="stylesheet">

        <!-- Theme styling -->

        <link href="../build/css/custom.min.css" rel="stylesheet">

        <!--[if lt IE 9]>
        <script src="../assets/js/ie8-responsive-file-warning.js"></script>
        <![endif]-->

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

                                </pre>
                            </div>
                            <!-- /sample code header -->


                        <h4>è¾¹æ èœå•</h4>

                            <p>
                            å¯¼èˆªèœå•ï¼Œå±•ç¤ºä¸ªäººç®€ä»‹å’Œåˆçº§çš„åŠŸèƒ½ä¾‹å¦‚ç™»å‡ºï¼Œå…¨å±å’Œè®¾ç½®ã€‚
                            </p>
                        <!-- sample code for side menu -->
                        <div class="highlight">
                                <pre class="prettyprint lines brush: xml">

<div class="col-md-3 left_col">
    <div class="left_col scroll-view">

        <div class="navbar nav_title" style="border: 0;">
            <a href="index.html" class="site_title">Gentelella Alela!</a>
        </div>

        <div class="profile"><!--img_2 -->
            <div class="profile_pic">
                <img src="images/img.jpg" alt="..." class="img-circle profile_img">
            </div>
            <div class="profile_info">
                <span>Welcome,</span>
                <h2>Anthony Mutisya</h2>
            </div>
        </div>

        <br />
        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">

            <div class="menu_section">
                <h3>General</h3>
                <ul class="nav side-menu">
                    <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="index.html">Dashboard</a></li>
                            <li><a href="index2.html">Dashboard2</a></li>
                        </ul>
                    </li>
                    <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="form.html">General Form</a></li>
                            <li><a href="form_advanced.html">Advanced Components</a></li>
                            <li><a href="form_validation.html">Form Validation</a></li>
                            <li><a href="form_wizards.html">Form Wizard</a></li>
                            <li><a href="form_upload.html">Form Upload</a></li>
                            <li><a href="form_buttons.html">Form Buttons</a></li>
                        </ul>
                    </li>
                    <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="general_elements.html">General Elements</a></li>
                            <li><a href="media_gallery.html">Media Gallery</a></li>
                            <li><a href="typography.html">Typography</a></li>
                            <li><a href="icons.html">Icons</a></li>
                            <li><a href="glyphicons.html">Glyphicons</a></li>
                            <li><a href="widgets.html">Widgets</a></li>
                            <li><a href="invoice.html">Invoice</a></li>
                            <li><a href="inbox.html">Inbox</a></li>
                            <li><a href="calendar.html">Calendar</a></li>
                        </ul>
                    </li>
                    <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="tables.html">Tables</a></li>
                            <li><a href="tables_dynamic.html">Table Dynamic</a></li>
                        </ul>
                    </li>
                    <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="chartjs.html">Chart JS</a></li>
                            <li><a href="chartjs2.html">Chart JS2</a></li>
                            <li><a href="morisjs.html">Moris JS</a></li>
                            <li><a href="echarts.html">ECharts </a></li>
                            <li><a href="other_charts.html">Other Charts </a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="menu_section">
                <h3>Live On</h3>
                <ul class="nav side-menu">
                    <li><a><i class="fa fa-bug"></i> Additional Pages</i> <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="e_commerce.html">E-commerce</a></li>
                            <li><a href="e_commerce_backend.html">E-commerce Backend</a></li>
                            <li><a href="projects.html">Projects</a></li>
                            <li><a href="project_detail.html">Project Detail</a></li>
                            <li><a href="contacts.html">Contacts</a></li>
                            <li><a href="profile.html">Profile</a></li>
                            <li><a href="real_estate.html">Real Estate</a></li>

                        </ul>
                    </li>
                    <li><a><i class="fa fa-windows"></i> Extras</i> <span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu">
                            <li><a href="page_404.html">404 Error</a></li>
                            <li><a href="page_500.html">500 Error</a></li>
                            <li><a href="coming_soon.html">Coming Soon</a></li>
                            <li><a href="plain_page.html">Plain Page</a></li>
                            <li><a href="login.html">Login Page</a></li>
                            <li><a href="sign_up.html">SignUp Page</a></li>
                            <li><a href="pricing_tables.html">Pricing Tables</a></li>

                        </ul>
                    </li>
                    <li><a><i class="fa fa-laptop"></i> Landing Page</i> <span class="label label-success pull-right">Coming Soon</span></a></li>
                </ul>
            </div>

        </div>

        <div class="sidebar-footer hidden-small">
            <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Logout">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
            </a>
        </div>
    </div>
</div>
                                </pre>
                        </div>
                        <!-- /sample code for top menu -->


                    <h4>å†…å®¹</h4>
                    <p> æ ‡é¢˜å’Œé¡µé¢å†…å®¹æ˜¯è¢«ä¸»è¦å†…å®¹åŒ…è£¹ç€çš„ </p>

                        <!-- sample code for content -->
                        <div class="highlight">
                                <pre class="prettyprint lines brush: xml">
<div class="right_col" role="main">

    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>
                    Plain Page <small>Page subtile </small>
                </h3>
            </div>

            <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">Go!</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>

        <div class="row">
            <div class="col-md-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Page title <small>Page subtile </small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Settings 1</a></li>
                                    <li><a href="#">Settings 2</a></li>
                                </ul>
                            </li>
                            <li><a class="close-link"><i class="fa fa-close"></i></a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <!-- content starts here -->

                        <!-- content ends here -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                                </pre>
                            </div>
                        <!-- sample code for content -->

                    </div>
                    <br><br>


                    <div id="options">
                        <h2>é€‰é¡¹</h2>
                        Gentelella æä¾›äº†ä¸€äº›é€‰æ‹©è®©ä½ å¸ƒå±€app.è¿™é‡Œæœ‰ï¼š

                        <ul>
                            <li>å›ºå®šçš„è¾¹æ </li>
                            <li>å›ºå®šçš„é¡¶éƒ¨å¯¼èˆª</li>
                            <li>å›ºå®šçš„é¡µè„š</li>
                        </ul>

                        <h3>å›ºå®šçš„è¾¹æ </h3>

                        <p>ç¼©å°å¯¼èˆªï¼Œå› æ­¤ç”¨æˆ·å¯ä»¥æœ‰æ›´å¤šçš„ç©ºé—´åœ¨é¡µé¢ä¸Šï¼Œå½“ä½ åœ¨çˆ¶äº²èŠ‚ç‚¹çš„å›¾æ ‡ä¸Šæ‚¬æµ®çš„æ—¶å€™ã€‚</p>
                        <!-- sample code for fixed sidebar -->
                        <div class="highlight">
                                <pre class="prettyprint lines brush: xml">

                                </pre>
                            </div>
                        <!-- /sample code for fixed sidebar -->
                        <div class="col-md-6">
                            <img src="images/min_menu.png"  style="width:95%; margin-top:30px; padding:5px; border:1px solid #ccc; border-radius:5px;" />
                            </div>
                        <div class="clearfix"></div>
                        <br>

                        <h3>å›ºå®šçš„é¡¶éƒ¨å¯¼èˆª</h3>

                        <!-- sample code for fixed top navigation -->
                        <div class="highlight">
                                <pre class="prettyprint lines brush: xml">

                                </pre>
                            </div>
                        <!-- /sample code for fixed top navigation -->

                    </div>
                    <br><br>


                    <div id="credits">
                        <h2 class="credits">ä¿¡èª‰å’Œæ„Ÿè°¢</h2>

                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>åç§°</th>
                                    <th>URL</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>jQuery</td>
                                    <td><a href="http://jquery.com/">http://jquery.com/</a></td>
                                </tr>
                                <tr>
                                    <td>jQuery Sparkline</td>
                                    <td><a href="http://omnipotent.net/jquery.sparkline/">http://omnipotent.net/jquery.sparkline/</a></td>
                                </tr>
                                <tr>
                                    <td>Auto resize textarea</td>
                                    <td><a href="http://www.jacklmoore.com/autosize/">http://www.jacklmoore.com/autosize/</a></td>
                                </tr>
                                <tr>
                                    <td>C3 charts</td>
                                    <td><a href="http://c3js.org/">http://c3js.org/</a></td>
                                </tr>
                                <tr>
                                    <td>Full screen editor</td>
                                    <td><a href="http://burakson.github.io/fseditor/">http://burakson.github.io/fseditor/</a></td>
                                </tr>
                                <tr>
                                    <td>jQuery Tags Input</td>
                                    <td><a href="https://github.com/xoxco/jQuery-Tags-Input">https://github.com/xoxco/jQuery-Tags-Input</a></td>
                                </tr>
                                <tr>
                                    <td>jQuery Validation Plugin</td>
                                    <td><a href="http://parsleyjs.org/">http://parsleyjs.org/</a></td>
                                </tr>
                                <tr>
                                    <td>Colorpicker for Bootstrap</td>
                                    <td><a href="https://github.com/xaguilars/bootstrap-colorpicker">https://github.com/xaguilars/bootstrap-colorpicker</a></td>
                                </tr>
                                <tr>
                                    <td>bootstrap-daterangepicker</td>
                                    <td><a href="https://github.com/dangrossman/bootstrap-daterangepicker">https://github.com/dangrossman/bootstrap-daterangepicker</a></td>
                                </tr>
                                <tr>
                                    <td>bootstrap-fileupload</td>
                                    <td><a href="http://blueimp.github.io/jQuery-File-Upload/">http://blueimp.github.io/jQuery-File-Upload/</a></td>
                                </tr>
                                <tr>
                                    <td>bootstrap-multiselect</td>
                                    <td><a href="https://github.com/davidstutz/bootstrap-multiselect">https://github.com/davidstutz/bootstrap-multiselect</a></td>
                                </tr>
                                <tr>
                                    <td>bootstrap-wysihtml5</td>
                                    <td><a href="http://jhollingworth.github.io/bootstrap-wysihtml5/">http://jhollingworth.github.io/bootstrap-wysihtml5/</a></td>
                                </tr>
                                <tr>
                                    <td>Dropzone</td>
                                    <td><a href="http://www.dropzonejs.com/">http://www.dropzonejs.com/</a></td>
                                </tr>
                                <tr>
                                    <td>Bootstrap switch</td>
                                    <td><a href="https://github.com/nostalgiaz/bootstrap-switch">https://github.com/nostalgiaz/bootstrap-switch</a></td>
                                </tr>
                                <tr>
                                    <td>SwitcheryJs</td>
                                    <td><a href="http://abpetkov.github.io/switchery/">http://abpetkov.github.io/switchery/</a></td>
                                </tr>
                                <tr>
                                    <td>DataTables</td>
                                    <td><a href="https://github.com/DataTables/DataTables">https://github.com/DataTables/DataTables</a></td>
                                </tr>
                                <tr>
                                    <td>DataTables tools</td>
                                    <td><a href="https://github.com/DataTables/TableTools">https://github.com/DataTables/TableTools</a></td>
                                </tr>
                                <tr>
                                    <td>easy pie chart</td>
                                    <td><a href="https://github.com/rendro/easy-pie-chart">https://github.com/rendro/easy-pie-chart</a></td>
                                </tr>
                                <tr>
                                    <td>FullCalendar</td>
                                    <td><a href="https://github.com/arshaw/fullcalendar">https://github.com/arshaw/fullcalendar</a></td>
                                </tr>
                                <!--<tr>
                                    <td>GMaps [coming soon]</td>
                                    <td><a href="https://github.com/HPNeo/gmaps">https://github.com/HPNeo/gmaps</a></td>
                                </tr>-->
                                <tr>
                                    <td>jQuery Knob</td>
                                    <td><a href="https://github.com/aterrien/jQuery-Knob">https://github.com/aterrien/jQuery-Knob</a></td>
                                </tr>
                                <tr>
                                    <td>select2</td>
                                    <td><a href="https://github.com/ivaynberg/select2/">https://github.com/ivaynberg/select2/</a></td>
                                </tr>
                                <tr>
                                    <td>jQuery-Autocomplete</td>
                                    <td><a href="https://github.com/devbridge/jQuery-Autocomplete">https://github.com/devbridge/jQuery-Autocomplete</a></td>
                                </tr>
                                <tr>
                                    <td>Twitter Bootstrap Wizard</td>
                                    <td><a href="https://github.com/VinceG/twitter-bootstrap-wizard">https://github.com/VinceG/twitter-bootstrap-wizard</a></td>
                                </tr>
                                <tr>
                                    <td>E-Charts</td>
                                    <td><a href="http://echarts.baidu.com/doc/example-en.html">http://echarts.baidu.com/doc/example-en.html</a></td>
                                </tr>
                                <tr>
                                    <td>Font Awesome</td>
                                    <td><a href="http://fortawesome.github.io/Font-Awesome/">http://fortawesome.github.io/Font-Awesome/</a></td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                </div>


            </div>


        </div>

        <!-- Footer
        ================================================== -->

        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="js/jquery.min.js"></script>


        <script src="js/bootstrap.min.js"></script>

    </body></html>