Source of file index.php
Size: 12,798 Bytes - Last Modified: 2021-12-24T07:20:59+00:00
/var/www/docs.ssmods.com/process/src/public/index.php
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213 | <?php include("header.php")?> <div class="page" id="page-index"> <div class="page-region"> <div class="page-region-content"> <div class="grid"> <div class="row"> <div class="span8"> <div class="hero-unit"> <div id="carousel1" class="carousel" data-role="carousel" data-param-duration="300"> <div class="slides"> <div class="slide" id="slide1"> <h2>Create site in Windows 8 style now!</h2> <p class="bg-color-blueDark padding20 fg-color-white">Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks.</p> <h3>To start: include <strong>modern.css</strong> in head of page</h3> <p class="tertiary-info-text"> <link href="modern.css" rel="stylesheet"> and add to metro container <strong>metrouicss</strong> class. Example: <body class="metrouicss">...</body> </p> </div> <div class="slide" id="slide2"> <h2 class="fg-color-darken">Metro UI CSS</h2> <p class="bg-color-pink padding20 fg-color-white"> Developed with the advice of Microsoft to build the user interface and <strong>include:</strong> </p> <div class="span3 place-left"> <ul class="unstyled sprite-details"> <li><i class="icon-checkmark"></i> General styles</li> <li><i class="icon-checkmark"></i> Grid with Responsive</li> <li><i class="icon-checkmark"></i> Layouts</li> </ul> </div> <div class="span3 place-left"> <ul class="unstyled sprite-details"> <li><i class="icon-checkmark"></i> Typography</li> <li><i class="icon-checkmark"></i> Many components</li> <li><i class="icon-checkmark"></i> 300+ built in icons</li> </ul> </div> </div> <div class="slide" id="slide3"> <h2>Metro UI CSS is a BizSpark Startup</h2> <p class="bg-color-red fg-color-white padding20"> Microsoft® BizSpark® is a global program that helps software startups succeed by giving them access to software development tools, connecting them with key industry players, and providing marketing visibility. </p> <p><a href="http://bizspark.com">Join</a> the BizSpark Program now.</p> </div> </div> <span class="control left"><i class="icon-arrow-left-3"></i></span> <span class="control right"><i class="icon-arrow-right-3"></i></span> </div> </div> </div> <div class="span4"> <div class="span4 padding30 text-center place-left bg-color-blueLight" id="sponsorBlock"> <br /> <br /> <h2 class="fg-color-red">project is looking for a sponsor</h2> <p class="">2000+ <a class="" href="http://hit.ua/site_view/19154">users</a> every day</p> <br /> <a href="sponsoring.php"><h1><i class="icon-arrow-right-3 fg-color-red"></i></h1></a> </div> </div> </div> </div> <div class="grid"> <div class="row"> <div class="span4 bg-color-blue"> <img src="images/simple.png" class="place-right" style="margin: 10px;"/> <h2 class="fg-color-white"> Simple</h2> </div> <div class="span4 bg-color-green"> <img src="images/grid.png" class="place-right" style="margin: 10px;"/> <h2 class="fg-color-white"> Sufficient</h2> </div> <div class="span4 bg-color-yellow"> <img src="images/responsive.png" class="place-right" style="margin: 10px;"/> <h2 class="fg-color-white"> Responsive</h2> </div> </div> </div> <div class="grid"> <div class="row"> <div class="span4"> <div class="image-container bg-color-lighten" style="width: 100%"> <div style="height: 200px; overflow: hidden"><img src="images/spface.jpg" /></div> <div class="overlay"> <div class="padding10 fg-color-grayDark tertiary-text">Sergey Pimenov (left) - Kiev, Ukraine. Author, team leader. CSS/LESS, HTML, Javascript.</div> </div> </div> </div> <div class="span4"> <div class="image-container bg-color-lighten" style="width: 100%"> <div style="height: 200px; overflow: hidden"><img src="images/svface.jpg" /></div> <div class="overlay"> <div class="padding10 fg-color-grayDark tertiary-text">Sergey Volkov - Voljskiy, Russia. Team member. Javascript leader.</div> </div> </div> </div> <div class="span4"> <div class="image-container bg-color-lighten" style="width: 100%"> <div style="height: 200px; overflow: hidden"><img src="images/vbface.jpg" /></div> <div class="overlay"> <div class="padding10 fg-color-grayDark tertiary-text">Valerio Battaglia - Ticino, Switzerland. Team member. CSS/LESS, HTML, Javascript.</div> </div> </div> </div> </div> <div class="row"> <div class="span8"> <h2>Welcome</h2> <p> Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI. This set of styles was developed as a self-contained solution. </p> <p class="bg-color-blueLight padding20 tertiary-text1"> Metro UI CSS is made with <a href="http://lesscss.org" class="fg-color-blue"><abbr title="LESS a dynamic stylesheet language created by one good man Alexis Sellier">LESS</abbr></a>. It makes developing systems-based CSS faster, easier, and more fun. </p> <p> <strong>Metro UI CSS is free if you placed back link to Metro UI CSS site.</strong> <br /> Example: <br /> </p> <blockquote class="tertiary-text"> Styled with <a href="http://metroui.org.ua">Metro UI CSS</a> </blockquote> <h2>Browsers</h2> <div class="browsers-icons clearfix"> <h2 class="place-left" title="Internet Explorer 9+"><i class="icon-IE"></i> </h2> <h2 class="place-left" title="Chrome"><i class="icon-chrome"></i> </h2> <h2 class="place-left" title="Firefox"><i class="icon-firefox"></i> </h2> <h2 class="place-left" title="Opera"><i class="icon-opera"></i> </h2> <h2 class="place-left" title="Safari"><i class="icon-safari"></i> </h2> </div> <blockquote class="tertiary-text"> Internet explorer supported from 9 version. </blockquote> </div> <div class="span4"> <div id="social"> <div id="shareme" data-url="http://metroui.org.ua/" data-text="" data-title="share this"></div> </div> <br /> <h2>GitHub Info:</h2> <table class="github-info" data-repo="olton/Metro-UI-CSS"> <tbody> <tr> <td><i class="icon-star-4"></i> Starred:</td> <td class="right"><span class="github-watchers">1000</span></td> </tr> <tr> <td><i class="icon-share-2"></i> Forks:</td> <td class="right bg"><span class="github-forks">220</span></td> </tr> <tr> <td colspan="2" style="padding: 20px 0 0; border: 0;" class="right"> <button class="image-button bg-color-pink fg-color-white" onclick="document.location.href='https://github.com/olton/Metro-UI-CSS'">View on Github<img class="bg-color-pinkDark" src="images/github.png"/></button> </td> </tr> </tbody> </table> <h2>Donate</h2> <div class="grid"> <div class="row"> <div class="span2"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="AVMB2NYSENK3A"> <!--<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">--> <!--<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">--> <button type="submit" class="image-button bg-color-green fg-color-white" style="width: 100%;"> PayPal <i class="icon-heart bg-color-greenDark"></i> </button> </form> </div> <div class="span2"> <button type="submit" class="image-button bg-color-green fg-color-white" style="width: 100%;" onclick="window.location.href='https://liqpay.com/?do=clickNbuy&button=i2970090512'"> LiqPay <i class="icon-heart bg-color-greenDark"></i> </button> </div> </div> </div> </div> </div> <div class="row"> <? include("adsense.php")?> </div> </div> </div> </div> </div> <?php include("footer.php")?> |