Server IP : 85.214.239.14 / Your IP : 3.145.51.35 Web Server : Apache/2.4.62 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /srv/automx/automx-master/src/foundation-scss/ |
Upload File : |
<!DOCTYPE html> <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width"/> <title>Foundation 4</title> <link rel="stylesheet" href="stylesheets/app.css"/> <script src="javascripts/vendor/custom.modernizr.js"></script> </head> <body> <div class="row"> <div class="large-12 columns"> <h2>Welcome to Foundation</h2> <p>This is version 4.2.3.</p> <hr/> </div> </div> <div class="row"> <div class="large-8 columns"> <h3>The Grid</h3> <!-- Grid Example --> <div class="row"> <div class="large-12 columns"> <div class="panel"> <p>This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p> </div> </div> </div> <div class="row"> <div class="large-6 columns"> <div class="panel"> <p>Six columns</p> </div> </div> <div class="large-6 columns"> <div class="panel"> <p>Six columns</p> </div> </div> </div> <div class="row"> <div class="large-4 columns"> <div class="panel"> <p>Four columns</p> </div> </div> <div class="large-4 columns"> <div class="panel"> <p>Four columns</p> </div> </div> <div class="large-4 columns"> <div class="panel"> <p>Four columns</p> </div> </div> </div> <h3>Buttons</h3> <div class="row"> <div class="large-6 columns"> <p><a href="#" class="small button">Small Button</a></p> <p><a href="#" class="button">Medium Button</a></p> <p><a href="#" class="large button">Large Button</a></p> </div> <div class="large-6 columns"> <p><a href="#" class="small alert button">Small Alert Button</a> </p> <p><a href="#" class="success button">Medium Success Button</a> </p> <p><a href="#" class="large secondary button">Large Secondary Button</a></p> </div> </div> </div> <div class="large-4 columns"> <h4>Getting Started</h4> <p>We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p> <h4>Other Resources</h4> <p>Once you've exhausted the fun in this document, you should check out:</p> <ul class="disc"> <li><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br/>Everything you need to know about using the framework. </li> <li><a href="http://github.com/zurb/foundation">Foundation on Github</a><br/>Latest code, issue reports, feature requests and more. </li> <li> <a href="http://twitter.com/foundationzurb">@foundationzurb</a><br/>Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker). </li> </ul> </div> </div> <script> document.write('<script src=' + ('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') + '.js><\/script>') </script> <script src="javascripts/foundation/foundation.js"></script> <script src="javascripts/foundation/foundation.alerts.js"></script> <script src="javascripts/foundation/foundation.topbar.js"></script> <script src="javascripts/foundation/foundation.dropdown.js"></script> <script src="javascripts/foundation/foundation.magellan.js"></script> <script src="javascripts/foundation/foundation.cookie.js"></script> <script src="javascripts/foundation/foundation.reveal.js"></script> <script src="javascripts/foundation/foundation.section.js"></script> <script src="javascripts/foundation/foundation.clearing.js"></script> <script src="javascripts/foundation/foundation.joyride.js"></script> <script src="javascripts/foundation/foundation.interchange.js"></script> <script src="javascripts/foundation/foundation.orbit.js"></script> <script src="javascripts/foundation/foundation.placeholder.js"></script> <script src="javascripts/foundation/foundation.tooltips.js"></script> <script src="javascripts/foundation/foundation.forms.js"></script> <script> $(document).foundation(); </script> </body> </html>