-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
38 lines (38 loc) · 4.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html> <html lang=en class=no-js> <head> <meta charset=utf-8> <meta name=description> <meta name=viewport content="width=device-width, initial-scale=1"> <title>Ultimate Front-End Starter Kit</title> <link rel=icon type=image/png href=favicon.ico> <link rel=stylesheet href=css/main.css> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <script src=js/vendor/modernizr.js></script> </head> <body> <div class=out-content> <div class=introduction> <h1>Ultimate<br>Front-End<br>Started Kit</h1> <h2>Start Your Project with Gulp, SASS, Jade, and Bourbon suite</h2><a href="https://www.dropbox.com/s/pt76dm0sp6hkk9y/Ultimate%20Started%20Front%20End%20Kit%20Downloadble.zip?dl=1" class="button button-download"><i class="fa fa-download"></i> Download</a><a href=https://github.com/EnzoVezzaro/Starter-Kit target=_blank class=fork-tag>Fork Me on GitHub </a> </div> <div class=getting-started> <h3>Features <i class="fa fa-rocket"></i></h3> <ul class=features> <li>Browserify + ES6 (babelify)</li> <li>Jade Templating Language </li> <li>CSS pre-processor (Sass)</li> <li>CSS Autoprefixing</li> <li>Sourcemaps for CSS and JavaScript</li> <li>Built-in preview server with BrowserSync</li> <li>Image optimization</li> <li>Wire-up dependencies installed with Bower</li> <li>Bourbon Components (Bourbon, Neat)</li> <li>Normalize.css</li> </ul> <h3>Getting Started <i class="fa fa-cog fa-spin"></i></h3> <ul class=gettingStarted> <li>Download Files or Clone Repo from <a href=http://github.com/EnzoVezzaro/Starter-Kit target=_blank><i class="fa fa-github"></i> GitHub</a></li> <h5>Install dependencies: </h5> <li><i class="fa fa-chevron-right"></i><code> npm install -g gulp</code> <br>( need to have node.js installed on your macchine )</li> <li><i class="fa fa-chevron-right"></i><code> npm install -g gulp-jade</code></li> <li><i class="fa fa-chevron-right"></i><code> npm install -g gulp-sass</code></li> <li><i class="fa fa-chevron-right"></i><code> npm install -g yo bower</code> </li> <li><i class="fa fa-chevron-right"></i><code> bower install</code> </li> <li><i class="fa fa-chevron-right"></i><code> npm install</code> </li> <li><i class="fa fa-chevron-right"></i><code> gem install bourbon</code></li> <li><i class="fa fa-chevron-right"></i><code> gem install neat</code></li> <h5>Run Gulp</h5> <li>Run <code>gulp serve</code> to preview and watch for changes</li> <li>Run <code>bower/npm install --save "package" </code>to install frontend dependencies</li> <li>Run <code>gulp</code> to build for production</li> </ul> </div> <div class=credits> <h3>Credits <i class="fa fa-users"></i></h3> <p><a href=http://github.com/endel/generator-modern-frontend target=_blank>generator-modern-front-end</a> by <a href="http://endel.me/" target=_blank>Endel Dreyer</a></p> <p><br><a href="http://devtipsstarterkit.com/" target=_blank>Folder Structure</a> by <a href=http://twitter.com/DevTipsShow target=_blank>Travis Nelson</a></p> <p><br><a href=http://github.com/phated/gulp-jade target=_blank>gulp-jade</a> by <a href=http://github.com/phated target=_blank>Blaine Bublitz</a></p> <p><br><a href=http://www.freepik.com/free-vector/vectors_789673.htm target=_blank>Gears Designed</a> by <a href=http://freepink.com target=_blank>Freepik</a></p> <p><br><i class="fa fa-hand-peace-o fa-3x"></i></p> </div> <div class=footer><a href=http://www.facebook.com/evezzaro target=_blank><img src=images/sprites/profile.png class=profile></a> <p>Made with <i class="fa fa-heart"></i> <br>by <a href=http://github.com/EnzoVezzaro target=_blank>Enzo Vezzaro</a></p> </div> <pre>Ultimate Front-End Starter Kit
| -- app/
| | -- css/
| | | -- 1-tools/
| | | | -- bourbon/
| | | | -- font-awesome/
| | | | -- neat/
| | | | -- fonts.sass
| | | | -- normalize.sass
| | | | -- vars.sass
| | | -- 2-basics/
| | | | -- body-elements.sass
| | | | -- example-buttons
| | | | -- links.sass
| | | | -- selection-colors.sass
| | | | -- typography.sass
| | | -- 3-modules/
| | | | -- introduction.sass
| | | -- 4-pages/
| | | | -- home-page.sass
| | | -- sprites/
| | | | -- index.sass
| | | | -- main.sass
| | | -- fonts/
| | | -- images/
| | | -- jadeFiles/
| | | | -- _includes/
| | | | -- index.jade
| | -- js/
| | | -- main.js
| | -- index.html</pre> </div> <script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script> <script src=js/main.js></script> </body> </html>