16 |
60 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/events/meetup-2__rest-apis-workshop/workshop-content/2-parsing-json-payload/bin/www:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | /**
4 | * Module dependencies.
5 | */
6 |
7 | var app = require('../app');
8 | var debug = require('debug')('2-parsing-json-payload:server');
9 | var http = require('http');
10 |
11 | /**
12 | * Get port from environment and store in Express.
13 | */
14 |
15 | var port = normalizePort(process.env.PORT || '3000');
16 | app.set('port', port);
17 |
18 | /**
19 | * Create HTTP server.
20 | */
21 |
22 | var server = http.createServer(app);
23 |
24 | /**
25 | * Listen on provided port, on all network interfaces.
26 | */
27 |
28 | server.listen(port);
29 | server.on('error', onError);
30 | server.on('listening', onListening);
31 |
32 | /**
33 | * Normalize a port into a number, string, or false.
34 | */
35 |
36 | function normalizePort(val) {
37 | var port = parseInt(val, 10);
38 |
39 | if (isNaN(port)) {
40 | // named pipe
41 | return val;
42 | }
43 |
44 | if (port >= 0) {
45 | // port number
46 | return port;
47 | }
48 |
49 | return false;
50 | }
51 |
52 | /**
53 | * Event listener for HTTP server "error" event.
54 | */
55 |
56 | function onError(error) {
57 | if (error.syscall !== 'listen') {
58 | throw error;
59 | }
60 |
61 | var bind = typeof port === 'string'
62 | ? 'Pipe ' + port
63 | : 'Port ' + port;
64 |
65 | // handle specific listen errors with friendly messages
66 | switch (error.code) {
67 | case 'EACCES':
68 | console.error(bind + ' requires elevated privileges');
69 | process.exit(1);
70 | break;
71 | case 'EADDRINUSE':
72 | console.error(bind + ' is already in use');
73 | process.exit(1);
74 | break;
75 | default:
76 | throw error;
77 | }
78 | }
79 |
80 | /**
81 | * Event listener for HTTP server "listening" event.
82 | */
83 |
84 | function onListening() {
85 | var addr = server.address();
86 | var bind = typeof addr === 'string'
87 | ? 'pipe ' + addr
88 | : 'port ' + addr.port;
89 | debug('Listening on ' + bind);
90 | }
91 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # NodeSchool Karachi [](https://gitter.im/nodeschool/karachi?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
2 |
3 | **We will be having links related to our meetup/events here in the [events](https://github.com/nodeschool/karachi/events) folder in this repo**
4 |
5 | NodeSchool is a series of open source workshops that teach web
6 | software skills. Individuals are encouraged to do the
7 | [workshoppers](http://nodeschool.io/) on their own or at one of the
8 | NodeSchool events around the world. The workshopper tutorials are used
9 | as the course curriculum, while mentors are here to help attendees
10 | work through challenges.
11 |
12 | * Website: [https://nodeschool.io/karachi/](https://nodeschool.io/karachi/)
13 | * Facebook: **[@nskarachi](https://web.facebook.com/nskarachi/)**
14 | * Gitter: [https://gitter.im/nodeschool/karachi](https://gitter.im/nodeschool/karachi)
15 |
16 | ## Want to attend?
17 |
18 | Keep your self up to date with our [Facebook](https://web.facebook.com/nskarachi/) page for event updates.
19 |
20 | ### Want to mentor or help organize?
21 |
22 | If you are interested in mentoring, please make a
23 | [Pull Request](https://github.com/nodeschool/karachi/pulls) to add
24 | yourself to this list. We also ask you to read over [Event Mentor Best Practices](https://github.com/nodeschool/organizers/wiki/Event-Mentor-Best-Practices)
25 | on what it's like being a mentor prior to signing up. Make sure to put some links of your past work!
26 |
27 | - [@ahsanayaz](https://github.com/ahsanayaz)
28 | - [@smkamranqadri](https://github.com/smkamranqadri)
29 | - [@farazmurtaza](https://github.com/farazmurtaza)
30 | - [@saadqamar](https://github.com/SaadQamar01)
31 |
32 | If you've come to a few NodeSchool events, we encourage you to mentor! :tada:
33 |
34 | ### Code of Conduct
35 |
36 | - [Code of Conduct for Nodeschool Karachi](code-of-conduct.md)
37 | - [No photography without an individual's permission](https://adainitiative.org/2013/07/another-way-to-attract-women-to-conferences-photography-policies/)
38 |
--------------------------------------------------------------------------------
/events/meetup-2__rest-apis-workshop/workshop-content/4-file-uploads-multer/core/bin/www:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | /**
4 | * Module dependencies.
5 | */
6 | const config = require('config')
7 | const app = require('../app')
8 | const debug = require('debug')('myapp:server')
9 | const http = require('http')
10 |
11 | /**
12 | * Get port from environment and store in Express.
13 | */
14 |
15 | const port = normalizePort(process.env.PORT || config.get('env.port'))
16 | app.set('port', port)
17 |
18 | /**
19 | * Create HTTP server.
20 | */
21 |
22 | const server = http.createServer(app)
23 | server.timeout = config.get('env.reqTimeout')
24 | /**
25 | * Listen on provided port, on all network interfaces.
26 | */
27 |
28 | server.listen(port)
29 | server.on('error', onError)
30 | server.on('listening', onListening)
31 |
32 | /**
33 | * Normalize a port into a number, string, or false.
34 | */
35 |
36 | function normalizePort (val) {
37 | const port = parseInt(val, 10)
38 |
39 | if (isNaN(port)) {
40 | // named pipe
41 | return val
42 | }
43 |
44 | if (port >= 0) {
45 | // port number
46 | return port
47 | }
48 |
49 | return false
50 | }
51 |
52 | /**
53 | * Event listener for HTTP server "error" event.
54 | */
55 |
56 | function onError (error) {
57 | if (error.syscall !== 'listen') {
58 | throw error
59 | }
60 |
61 | const bind = typeof port === 'string'
62 | ? 'Pipe ' + port
63 | : 'Port ' + port
64 |
65 | // handle specific listen errors with friendly messages
66 | switch (error.code) {
67 | case 'EACCES':
68 | console.error(bind + ' requires elevated privileges')
69 | process.exit(1)
70 | break
71 | case 'EADDRINUSE':
72 | console.error(bind + ' is already in use')
73 | process.exit(1)
74 | break
75 | default:
76 | throw error
77 | }
78 | }
79 |
80 | /**
81 | * Event listener for HTTP server "listening" event.
82 | */
83 |
84 | function onListening () {
85 | const addr = server.address()
86 | const bind = typeof addr === 'string'
87 | ? 'pipe ' + addr
88 | : 'port ' + addr.port
89 | debug('Listening on ' + bind)
90 | }
91 |
--------------------------------------------------------------------------------
/docs/inc/sendEmail.php:
--------------------------------------------------------------------------------
1 | ";
32 | $message .= "Email address: " . $email . "17 | <%= title %> 18 |
19 |Welcome to 20 | <%= title %> 21 |
22 | 23 | 24 | 25 | 26 | 27 |
28 |
59 |
29 |
40 |
41 |
42 |
57 |
58 | "; 33 | $message .= "Message:
"; 34 | $message .= $contact_message; 35 | $message .= "
-----
This email was sent from your site's contact form.
"; 36 | 37 | // Set From: header 38 | $from = $name . " <" . $email . ">"; 39 | 40 | // Email Headers 41 | $headers = "From: " . $from . "\r\n"; 42 | $headers .= "Reply-To: ". $email . "\r\n"; 43 | $headers .= "MIME-Version: 1.0\r\n"; 44 | $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n"; 45 | 46 | 47 | if (!$error) { 48 | 49 | ini_set("sendmail_from", $siteOwnersEmail); // for windows server 50 | $mail = mail($siteOwnersEmail, $subject, $message, $headers); 51 | 52 | if ($mail) { echo "OK"; } 53 | else { echo "Something went wrong. Please try again."; } 54 | 55 | } # end if - no validation error 56 | 57 | else { 58 | 59 | $response = (isset($error['name'])) ? $error['name'] . "
\n" : null; 60 | $response .= (isset($error['email'])) ? $error['email'] . "
\n" : null; 61 | $response .= (isset($error['message'])) ? $error['message'] . "
" : null; 62 | 63 | echo $response; 64 | 65 | } # end if - there was a validation error 66 | 67 | } 68 | 69 | ?> -------------------------------------------------------------------------------- /code-of-conduct.md: -------------------------------------------------------------------------------- 1 | # Code of Conduct 2 | 3 | We, the organizers of **Nodeschool Karachi**, are dedicated to providing a 4 | harassment-free community for everyone, regardless of sex, gender identity or 5 | expression, sexual orientation, disability, physical appearance, age, body 6 | size, race, nationality, or religious beliefs. We do not tolerate harassment of 7 | community members in any form. Participants violating these rules may be 8 | sanctioned or expelled from the community at the discretion of the organizers 9 | of **Nodeschool Karachi**. 10 | 11 | Harassment includes offensive verbal or written comments related to sex, gender 12 | identity or expression, sexual orientation, disability, physical appearance, 13 | age, body size, race, nationality, or religious beliefs, deliberate 14 | intimidation, threats, stalking, following, harassing photography or recording, 15 | sustained disruption of talks or other events, inappropriate physical contact, 16 | and unwelcome sexual attention. Sexual language and imagery is not appropriate 17 | for any events at **Nodeschool Karachi** meetups or in any related 18 | communication channels. Community members asked to stop any harassing behavior 19 | are expected to comply immediately. Sponsors and presenters are also subject to 20 | the anti-harassment policy. 21 | 22 | If a community member engages in harassing behavior, the organizers of 23 | **Nodeschool Karachi** may take any action they deem appropriate, including 24 | warning the offender or expulsion from the community. If you are being 25 | harassed, notice that someone else is being harassed, or have any concerns, 26 | please contact an organizer immediately. 27 | 28 | ### **Nodeschool Karachi** 29 | 30 | * Organizers: 31 | * **Ahsan Ayaz [@ahsan_ayz](https://twitter.com/ahsan_ayz)** 32 | * Website: [https://github.com/nodeschool/karachi](https://github.com/nodeschool/karachi) 33 | * Facebook: **[@nskarachi](https://web.facebook.com/nskarachi/)** 34 | * Gitter: [https://gitter.im/nodeschool/karachi](https://gitter.im/nodeschool/karachi) 35 | 36 | **If you have questions or feedback about this Code of Conduct please contact 37 | one of the organizers.** 38 | 39 | The organizers of the above communities developed this Code of Conduct to 40 | govern their respective events and communication channels. We used [PDX 41 | Python's anti-harassment policy](http://www.meetup.com/pdxpython/pages/Code_of_Conduct/) 42 | and the [Geek Feminism Conference anti-harassment policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy) 43 | as a starting point. This Code of Conduct, like its inspirations, is licensed under 44 | the [Creative Commons Zero license](http://creativecommons.org/publicdomain/zero/1.0/). -------------------------------------------------------------------------------- /docs/fonts/lightgallery/lg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /docs/readme.txt: -------------------------------------------------------------------------------- 1 | ================================================================================================== 2 | 3 | DESCRIPTION: 4 | 5 | INFINITY is a clean, modern and well crafted responsive template designed for creatives and agencies. 6 | The template suits the needs of creative agencies, freelancers, and even small business websites. 7 | Infinity is mobile and retina/hi-dpi ready which means your site will look awesome, crisp and sharp 8 | on any screen resolutions and devices. Also, the code behind infinity is clean and well organized 9 | which makes the template very easy to customize. 10 | 11 | ================================================================================================== 12 | 13 | 14 | LICENSE: 15 | 16 | 17 | INFINITY is released under the Creative Commons Attribution 3.0 License 18 | (http://creativecommons.org/licenses/by/3.0/). This means that you are free: 19 | 20 | to Share - to copy, distribute, display, and perform the work 21 | to Remix - to make derivative works 22 | to make commercial use of the work 23 | 24 | Under the following conditions: 25 | 26 | Attribution - You must attribute the work in the manner specified by the 27 | author or licensor (but not in any way that suggests that they endorse you 28 | or your use of the work). 29 | 30 | For any reuse or distribution, you must make clear to others the license 31 | terms of this work 32 | 33 | Any of these conditions can be waived if you get permission from the 34 | copyright holder 35 | 36 | Attribution: 37 | 38 | You must include a credit link to our website(http://www.Styleshout.com) somewhere on 39 | your site. We prefer the footer credit that comes with the template but you are still 40 | free to move it somewhere else. 41 | 42 | 43 | ----------------------------------------------------------------------------------------------------- 44 | 45 | 46 | REMOVING THE LINK: 47 | 48 | We understand that there are situations where you want to use the template without the 49 | crediting obligation. If that's your case, you can always send us a 50 | credit removal fee of 10 USD through Paypal. This will allow you to use the 51 | template attribution/credit link free on ONE DOMAIN name. 52 | 53 | You can send your payments through Paypal to this address: ealigam@gmail.com 54 | 55 | If possible, kindly send us the site's url where the template is being used. 56 | Also, keep your Paypal receipt as proof of payment and your good to go. 57 | 58 | 59 | ------------------------------------------------------------------------------------------------------ 60 | 61 | 62 | SUPPORT: 63 | 64 | Since INIFINITY is distributed for free, support is not offered. INFINITY is coded according 65 | to current web standards and we did our best to make the template easy to use and modify. 66 | If you have minimum web development experience, you can easily modify the template. 67 | However, If you're still new to HTML and CSS, I suggest that you visit the 68 | following tutorials: 69 | 70 | - http://tutsplus.com/course/30-days-to-learn-html-and-css/ 71 | - http://learn.shayhowe.com/html-css/ 72 | 73 | These will teach you the essentials of HTML and CSS. In addition, if you want to include 74 | jQuery in your skill-set, you can also check out these tutorials: 75 | 76 | - http://code.tutsplus.com/courses/30-days-to-learn-jquery 77 | - http://try.jquery.com/ 78 | 79 | 80 | ------------------------------------------------------------------------------------------------------ 81 | 82 | 83 | GET THE LATEST VERSION: 84 | 85 | We update our templates on a regular basis so to make sure that you have the latest version, 86 | always download the template files directly on our website(http://www.styleshout.com/) 87 | 88 | 89 | 90 | ------------------------------------------------------------------------------------------------------- 91 | 92 | 93 | SOURCES AND CREDITS: 94 | 95 | I've used the following resources as listed. 96 | 97 | Fonts: 98 | - Montserrat Font (https://www.google.com/fonts/specimen/Montserrat) 99 | - Libre Baskerville Font (https://fonts.google.com/specimen/Libre+Baskerville) 100 | 101 | Icons: 102 | - Font Awesome (http://fortawesome.github.io/Font-Awesome/) 103 | - Micons Free Icons (http://geticonjar.com/freebies/231-micons/) 104 | - Webfont generated by ICOMOON (https://icomoon.io/) 105 | 106 | Stock Photos and Graphics: 107 | - Pexels.com (https://www.pexels.com/) 108 | - Picjumbo.com (https://picjumbo.com/) 109 | - RawPixels.com (https://www.rawpixel.com/) 110 | 111 | Javascript Files: 112 | 113 | - JQuery (http://jquery.com/) 114 | - Modernizr (http://modernizr.com/) 115 | - Waypoints (http://imakewebthings.com/jquery-waypoints/) 116 | - jQuery Placeholder (https://github.com/mathiasbynens/jquery-placeholder) 117 | - FitVids (http://fitvidsjs.com/) 118 | - pace js (http://github.hubspot.com/pace/) 119 | - LightGallery (http://sachinchoolur.github.io/lightGallery/) 120 | - Masonry (http://masonry.desandro.com/) 121 | - ImagesLoaded (http://masonry.desandro.com/) 122 | - jQueryValidation (https://jqueryvalidation.org/) 123 | - ajaxChimp (https://github.com/scdoshi/jquery-ajaxchimp) 124 | 125 | 126 | 127 | ------------------------------------------------------------------------------------------------------- 128 | -------------------------------------------------------------------------------- /docs/js/modernizr.js: -------------------------------------------------------------------------------- 1 | /*! modernizr 3.3.1 (Custom Build) | MIT * 2 | * https://modernizr.com/download/?-audio-backgroundblendmode-canvas-cssanimations-csscalc-cssfilters-cssgradients-cssremunit-csstransforms-csstransforms3d-csstransitions-flexbox-flexboxlegacy-flexboxtweener-flexwrap-svg-touchevents-video-setclasses !*/ 3 | !function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,a,s,i;for(var c in x)if(x.hasOwnProperty(c)){if(e=[],n=x[c],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t
\n \n
\n',null!=a.firstChild?a.insertBefore(this.el,a.firstChild):a.appendChild(this.el)}return this.el},a.prototype.finish=function(){var a;return a=this.getElement(),a.className=a.className.replace("pace-active",""),a.className+=" pace-inactive",document.body.className=document.body.className.replace("pace-running",""),document.body.className+=" pace-done"},a.prototype.update=function(a){return this.progress=a,this.render()},a.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(a){i=a}return this.el=void 0},a.prototype.render=function(){var a,b,c,d,e,f,g;if(null==document.querySelector(D.target))return!1;for(a=this.getElement(),d="translate3d("+this.progress+"%, 0, 0)",g=["webkitTransform","msTransform","transform"],e=0,f=g.length;f>e;e++)b=g[e],a.children[0].style[b]=d;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(a.children[0].setAttribute("data-progress-text",""+(0|this.progress)+"%"),this.progress>=100?c="99":(c=this.progress<10?"0":"",c+=0|this.progress),a.children[0].setAttribute("data-progress",""+c)),this.lastRenderedProgress=this.progress},a.prototype.done=function(){return this.progress>=100},a}(),h=function(){function a(){this.bindings={}}return a.prototype.trigger=function(a,b){var c,d,e,f,g;if(null!=this.bindings[a]){for(f=this.bindings[a],g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(c.call(this,b));return g}},a.prototype.on=function(a,b){var c;return null==(c=this.bindings)[a]&&(c[a]=[]),this.bindings[a].push(b)},a}(),P=window.XMLHttpRequest,O=window.XDomainRequest,N=window.WebSocket,w=function(a,b){var c,d,e,f;f=[];for(d in b.prototype)try{e=b.prototype[d],f.push(null==a[d]&&"function"!=typeof e?a[d]=e:void 0)}catch(g){c=g}return f},A=[],j.ignore=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("ignore"),c=b.apply(null,a),A.shift(),c},j.track=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("track"),c=b.apply(null,a),A.shift(),c},J=function(a){var b;if(null==a&&(a="GET"),"track"===A[0])return"force";if(!A.length&&D.ajax){if("socket"===a&&D.ajax.trackWebSockets)return!0;if(b=a.toUpperCase(),$.call(D.ajax.trackMethods,b)>=0)return!0}return!1},k=function(a){function b(){var a,c=this;b.__super__.constructor.apply(this,arguments),a=function(a){var b;return b=a.open,a.open=function(d,e){return J(d)&&c.trigger("request",{type:d,url:e,request:a}),b.apply(a,arguments)}},window.XMLHttpRequest=function(b){var c;return c=new P(b),a(c),c};try{w(window.XMLHttpRequest,P)}catch(d){}if(null!=O){window.XDomainRequest=function(){var b;return b=new O,a(b),b};try{w(window.XDomainRequest,O)}catch(d){}}if(null!=N&&D.ajax.trackWebSockets){window.WebSocket=function(a,b){var d;return d=null!=b?new N(a,b):new N(a),J("socket")&&c.trigger("request",{type:"socket",url:a,protocols:b,request:d}),d};try{w(window.WebSocket,N)}catch(d){}}}return Z(b,a),b}(h),R=null,y=function(){return null==R&&(R=new k),R},I=function(a){var b,c,d,e;for(e=D.ajax.ignoreURLs,c=0,d=e.length;d>c;c++)if(b=e[c],"string"==typeof b){if(-1!==a.indexOf(b))return!0}else if(b.test(a))return!0;return!1},y().on("request",function(b){var c,d,e,f,g;return f=b.type,e=b.request,g=b.url,I(g)?void 0:j.running||D.restartOnRequestAfter===!1&&"force"!==J(f)?void 0:(d=arguments,c=D.restartOnRequestAfter||0,"boolean"==typeof c&&(c=0),setTimeout(function(){var b,c,g,h,i,k;if(b="socket"===f?e.readyState<2:0<(h=e.readyState)&&4>h){for(j.restart(),i=j.sources,k=[],c=0,g=i.length;g>c;c++){if(K=i[c],K instanceof a){K.watch.apply(K,d);break}k.push(void 0)}return k}},c))}),a=function(){function a(){var a=this;this.elements=[],y().on("request",function(){return a.watch.apply(a,arguments)})}return a.prototype.watch=function(a){var b,c,d,e;return d=a.type,b=a.request,e=a.url,I(e)?void 0:(c="socket"===d?new n(b):new o(b),this.elements.push(c))},a}(),o=function(){function a(a){var b,c,d,e,f,g,h=this;if(this.progress=0,null!=window.ProgressEvent)for(c=null,a.addEventListener("progress",function(a){return h.progress=a.lengthComputable?100*a.loaded/a.total:h.progress+(100-h.progress)/2},!1),g=["load","abort","timeout","error"],d=0,e=g.length;e>d;d++)b=g[d],a.addEventListener(b,function(){return h.progress=100},!1);else f=a.onreadystatechange,a.onreadystatechange=function(){var b;return 0===(b=a.readyState)||4===b?h.progress=100:3===a.readyState&&(h.progress=50),"function"==typeof f?f.apply(null,arguments):void 0}}return a}(),n=function(){function a(a){var b,c,d,e,f=this;for(this.progress=0,e=["error","open"],c=0,d=e.length;d>c;c++)b=e[c],a.addEventListener(b,function(){return f.progress=100},!1)}return a}(),d=function(){function a(a){var b,c,d,f;for(null==a&&(a={}),this.elements=[],null==a.selectors&&(a.selectors=[]),f=a.selectors,c=0,d=f.length;d>c;c++)b=f[c],this.elements.push(new e(b))}return a}(),e=function(){function a(a){this.selector=a,this.progress=0,this.check()}return a.prototype.check=function(){var a=this;return document.querySelector(this.selector)?this.done():setTimeout(function(){return a.check()},D.elements.checkInterval)},a.prototype.done=function(){return this.progress=100},a}(),c=function(){function a(){var a,b,c=this;this.progress=null!=(b=this.states[document.readyState])?b:100,a=document.onreadystatechange,document.onreadystatechange=function(){return null!=c.states[document.readyState]&&(c.progress=c.states[document.readyState]),"function"==typeof a?a.apply(null,arguments):void 0}}return a.prototype.states={loading:0,interactive:50,complete:100},a}(),f=function(){function a(){var a,b,c,d,e,f=this;this.progress=0,a=0,e=[],d=0,c=C(),b=setInterval(function(){var g;return g=C()-c-50,c=C(),e.push(g),e.length>D.eventLag.sampleCount&&e.shift(),a=q(e),++d>=D.eventLag.minSamples&&a
51 | Infinity
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
98 |
99 |
109 |
129 |
130 |
147 |
148 |
110 |
128 |
111 |
127 |
112 |
113 |
115 | We Craft Stunning
118 |
119 |
126 | We Are Infinity.
114 |
115 | We Craft Stunning
116 | Digital Experiences.
117 |
118 |
119 |
120 |
121 | Learn More
122 |
123 |
124 |
125 |
149 |
150 | Scroll Down
151 |
152 |
153 |
154 |
155 |
163 |
164 |
174 |
175 |
165 |
166 |
172 |
173 | This is the style page.
167 | 168 |Lorem ipsum Officia elit ad tempor dolore est ex incididunt incididunt occaecat culpa deserunt sunt labore in cillum ullamco magna in Excepteur consequat in reprehenderit proident mollit incididunt officia commodo. 169 | Duis ea officia sed dolor pariatur enim dolore dolore quis incididunt nulla exercitation commodo veniam et ea incididunt.
170 | 171 |
176 |
177 |
217 |
218 |
178 |
179 |
198 |
199 | Paragraph and Image
180 | 181 |
182 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque posuere nunc justo tempus leo.
185 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentumodio, ac blandit ante orci ut diam. 186 |
187 | 188 |A link,
189 | abbrebation,
190 | strong text,
191 | em text,
192 | deleted text, and
193 | this is a mark text.
194 | .code
195 |
200 |
201 |
215 |
216 | Drop Caps
202 | 203 |Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, 204 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the 205 | Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. 206 |
207 | 208 |Small Print
209 | 210 |Buy one widget, get one free! 211 | (While supplies last. Offer expires on the vernal equinox. Not valid in Ohio.) 212 |
213 | 214 |
219 |
220 |
257 |
258 |
221 |
222 |
234 |
235 | Pull Quotes
223 | 224 | 232 | 233 |
236 |
237 |
255 |
256 | Block Quotes
238 | 239 |240 |248 | 249 |Your work is going to fill a large part of your life, and the only way to be truly satisfied is 241 | to do what you believe is great work. And the only way to do great work is to love what you do. 242 | If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it. 243 |
244 | 245 | Steve Jobs 246 | 247 |
250 |253 | 254 |Good design is as little design as possible.
251 | Dieter Rams 252 |
259 |
260 |
319 |
320 |
261 |
262 |
295 |
296 | Example Lists
263 | 264 |-
265 |
- Here is an example 266 |
- of an ordered list. 267 |
- A parent list item.
268 |
-
269 |
- one 270 |
- two 271 |
- three 272 |
274 | - A list item. 275 |
-
278 |
- Here is an example 279 |
- of an unordered list. 280 |
Definition Lists
283 | 284 |a) Multi-line Definitions (default)
285 | 286 |-
287 |
- This is a term 288 |
- this is the definition of that term, which both live in a
dl.
289 | - Another Term 290 |
- And it gets a definition too, which is this line 291 |
- This is a 2nd definition for a single term. A
dtmay be followed by multipledds.
292 |
297 |
298 |
308 | 309 |
317 |
318 | Headers
299 | 300 |H1 Heading
301 |H2 Heading
302 |H3 Heading
303 |H4 Heading
304 |H5 Heading
305 |H6 Heading
306 | 307 |308 | 309 |
Buttons
310 | 311 |312 | Primary Button 313 | Default Button 314 |
315 | 316 |
321 |
322 |
338 |
339 |
323 |
324 |
336 |
337 | Stats Tabs
325 | 326 |-
327 |
- 1,234 Sasuke 328 |
- 567 Hinata 329 |
- 23,456 Naruto 330 |
- 3,456 Kiba 331 |
- 456 Shikamaru 332 |
- 26 Sakura 333 |
340 |
341 |
359 |
360 |
342 |
343 |
347 |
348 | Responsive Image
344 |
349 |
350 |
357 |
358 | Responsive video
351 | 352 |
353 |
354 |
355 |
356 |
361 |
362 |
399 |
400 |
363 |
364 |
397 |
398 | Tables
365 |Be sure to use properly formed table markup with <thead> and <tbody> when building a table.
368 |
369 |
370 |
371 |
393 |
394 |
395 |
396 | | Name | 373 |Age | 374 |Sex | 375 |Location | 376 |
|---|---|---|---|
| Naruto Uzumaki | 381 |16 | 382 |Male | 383 |Konoha | 384 |
| Sakura Haruno | 387 |16 | 388 |Female | 389 |Konoha | 390 |
401 |
402 |
465 |
466 |
403 |
404 |
435 |
436 | Form Styles
405 | 406 | 433 | 434 |
437 |
438 |
441 | 442 | 446 | 447 | 451 | 452 | 456 | 457 | 461 | 462 |
463 |
464 | Alert Boxes
439 | 440 |441 | 442 | 446 | 447 | 451 | 452 | 456 | 457 | 461 | 462 |
476 |
483 |
484 |
477 |
482 | Contact
478 |Get In Touch.
479 | 480 |Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
481 |
485 |
486 |
572 |
573 |
487 |
488 |
538 |
539 | Send Us A Message
489 | 490 | 491 | 528 | 529 | 530 | 531 | 532 | 533 |
534 | Your message was sent, thank you!
535 |
536 |
537 | 535 |
540 |
541 |
570 |
571 | Contact Information
542 | 543 |
544 |
551 |
552 | Where to Find Us
545 |
546 | 1600 Amphitheatre Parkway
547 | Mountain View, CA
548 | 94043 US
549 |
553 |
559 |
560 | Email Us At
554 |
555 | someone@infinitysite.com
556 | info@infinitysite.com
557 |
561 |
568 |
569 | Call Us At
562 |
563 | Phone: (+63) 555 1212
564 | Mobile: (+63) 555 0100
565 | Fax: (+63) 555 0101
566 |
655 |
656 |
657 |
658 |
660 |
661 |
662 |
663 |
664 |
665 |
666 |
--------------------------------------------------------------------------------