Exercise Exercise - Slide 68. <A HREF=" Exercise - Slide 68A

Size: px

Start display at page:

Download "Exercise Exercise - Slide 68. <A HREF=" Exercise - Slide 68A"

Estella Richardson
5 years ago
Views:

1 Exercise - 00 <body LINK="#C0C0C0" VLINK="#808080" ALINK="#FF0000"> LINK - standard link - to a page the visitor hasn't been to yet. (standard color is blue - #0000FF). VLINK - visited link - to a page the visitor has been to before. (standard color is purple - #800080). ALINK - active link - the color of the link when the mouse is on it. (standard color is red - #FF0000). If the programmer what to change the color <p> Click <a href=" color="ff00cc">here</font></a> to go to yahoo. Exercise - Slide 68 <A HREF=" Exercise - Slide 68A <!DOCTYPE html> <html> <head> <style> a:link { color: green; background-color: transparent; text-decoration: none; } a:visited { color: pink; background-color: transparent; text-decoration: none; } a:hover { color: red; background-color: transparent; text-decoration: underline; } a:active { 1

2 color: green; background-color: transparent; text-decoration: underline; } </style> </head> <body> <h2>link Colors</h2> <p>after visiting link colour is changed</p> <a href=" target="_blank">sliate</a> </body> </html> Exercise - Slide 70 <body> <h2>style Sheets</h2> <p style="font-size: x-large; color: #ff9900">using inline style sheets</p> </body> Exercise - Slide 71 <head> <title>page Title</title> <style> body {background-color: powderblue;} h1 {color: red;} p {color: blue;} 2

3 </style> </head> <body><h1>this is a Heading</h1> <p>this is a paragraph.</p> </body> Exercise - Slide 72 <a name="top"></a> HTML or Hypertext Markup Language is the most widely used language on Web. Technically, HTML is not a programming language, but rather a markup language. This tutorial gives a complete understanding on HTML. Before you begin: Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or UNIX makes it much easier to learn HTML. You should be familiar with: Basic word processing using any text editor. How to create directories and files. How to navigate through different directories. Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc. Introducing HTML: HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display. HTML or Hypertext Markup Language is the most widely used language on Web. Technically, HTML is not a 3

4 programming language, but rather a markup language. This tutorial gives a complete understanding on HTML. Before you begin: Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or UNIX makes it much easier to learn HTML. You should be familiar with: Basic word processing using any text editor. How to create directories and files. How to navigate through different directories. Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc. Introducing HTML: HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display. HTML or Hypertext Markup Language is the most widely used language on Web. Technically, HTML is not a programming language, but rather a markup language. This tutorial gives a complete understanding on HTML. Before you begin: Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or UNIX makes it much easier to learn HTML. You should be familiar with: Basic word processing using any text editor. How to create directories and files. 4

5 How to navigate through different directories. Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc. Introducing HTML: HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display. HTML or Hypertext Markup Language is the most widely used language on Web. Technically, HTML is not a programming language, but rather a markup language. This tutorial gives a complete understanding on HTML. Before you begin: Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or UNIX makes it much easier to learn HTML. You should be familiar with: Basic word processing using any text editor. How to create directories and files. How to navigate through different directories. Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc. Introducing HTML: HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. 5

6 Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display. HTML or Hypertext Markup Language is the most widely used language on Web. Technically, HTML is not a programming language, but rather a markup language. This tutorial gives a complete understanding on HTML. Before you begin: Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or UNIX makes it much easier to learn HTML. You should be familiar with: Basic word processing using any text editor. How to create directories and files. How to navigate through different directories. Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc. Introducing HTML: HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display. HTML or Hypertext Markup Language is the most widely used language on Web. Technically, HTML is not a programming language, but rather a markup language. This tutorial gives a complete understanding on HTML. Before you begin: Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or UNIX makes it much easier to learn HTML. 6

7 You should be familiar with: Basic word processing using any text editor. How to create directories and files. How to navigate through different directories. Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc. Introducing HTML: HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display.<a href="#top">go to top</a> <table border="5"> <tr> <th> Column 1 header </th> <th> Column 2 header </th> </tr> <tr> <td> Row1, Col1 </td> <td> Row1, Col2 </td> </tr> <tr> <td> Row2, Col1 </td> <td> Row2, Col2 </td> </tr> </table> Exercise - Slide 75 7

8 Exercise - Slide 79 <TABLE BORDER=1 CELLPADDING=2> <CAPTION ALIGN="TOP"> List of Names </CAPTION> Exercise - Slide 82 <TABLE BORDER=1 width=50%> <CAPTION> <h1>spare Parts <h1> </Caption> <TR><TH>Stock Number</TH><TH>Description</TH><TH>List Price</TH></TR> <TR><TD bgcolor=red>3476-ab</td><td>76mm Socket</TD><TD>45.00</TD></TR> <TR><TD >3478-AB</TD><TD><font color=blue>78mm Socket</font> </TD><TD>47.50</TD></TR> <TR><TD>3480-AB</TD><TD>80mm Socket</TD><TD>50.00</TD></TR> </TABLE> Exercise - Slide 83 <Table border=1 cellpadding =2> <tr> <th> Column 1 Header</th> <th> Column 2 Header</th> </tr> <tr> <td colspan=2> Row 1 Col 1</td> </tr> <tr> <td rowspan=2>row 2 Col 1</td> <td> Row 2 Col2</td> </tr> <tr> <td> Row 3 Col2</td> </tr> </table> Exercise - Slide 85 <TABLE BORDER width= 750 > <TR> <TD colspan= 4 align= center >Page Banner</TD></TR> 8

9 <TR> <TD rowspan= 2 width= 25% >Nav Links</TD><TD colspan= 2 >Feature Article</TD> <TD rowspan= 2 width= 25% > Linked Ads</TD></TR> <TR><TD width= 25% >News Column 1 </TD> <TD width= 25% ><News Column 2 </TD></TR> </TABLE> <HTML> <HEAD> <TITLE> Framed Page </TITLE> <FRAMESET COLS= 23%,77% > <FRAME SRC= Doc1.html > <FRAME SRC= Doc2.html > </FRAMeSET > </HEAD> </HTML> Exercise - Slide 91 Exercise - Slide 122 To insert a form we use the <FORM></FORM> tags. The rest of the form elements must be inserted in between the form tags. <HTML> <HEAD> <TITLE> Sample Form</TITLE> </HEAD> <BODY BGCOLOR= FFFFFF > <FORM ACTION = <P> First Name: <INPUT TYPE= TEXT NAME= fname MAXLENGTH= 50 > </P> <P> <INPUT TYPE= SUBMIT NAME= fsubmit1 VALUE= Send Info > </P> </FORM> </BODY> </HTML> 9

10 Exercise - Slide 127 <TITLE>Form_Text_Type</TITLE> </HEAD> <BODY> <h1> <font color=blue>please enter the following biodata</font></h1> <FORM name="fome1" Method= " get " Action= " URL " > First Name: <INPUT TYPE="TEXT" NAME="FName" SIZE="15" MAXLENGTH="25"><BR> Last Name: <INPUT TYPE="TEXT" NAME="LName" SIZE="15" MAXLENGTH="25"><BR> Nationality: <INPUT TYPE="TEXT" NAME="Country" SIZE="25" MAXLENGTH="25"><BR> The Phone Number: <INPUT TYPE="TEXT" NAME="Phone" SIZE="15" MAXLENGTH="12"><BR> </FORM> </BODY> </HTML> Exercise - Slide 129 <HTML><HEAD> <TITLE>Form_Password_Type</TITLE></HEAD> <BODY> <h1> <font color=red>to Access, Please enter:</font></h1> <FORM name="fome2" Action="url" method="get"> User Name: <INPUT TYPE="TEXT" Name="FName" SIZE="15" MAXLENGTH="25"><BR> Password: <INPUT TYPE="PASSWORD" NAME="PWord" value="" SIZE="15 MAXLENGTH="25"><BR> </FORM></BODY> </HTML> 10

11 Exercise - Slide 134 <HTML> <HEAD><TITLE>CheckBoxType</TITLE> </HEAD> <BODY> <h1> <font color=green>please check one of the following</font></h1> <FORM name="fome3" Action="url" method="get"> <font color=red> Select Country: </font><br><br> Sri Lanka:<INPUT TYPE= "RADIO" Name="country" CHECKED><BR> India:<INPUT TYPE="RADIO" Name="country"><BR> Pakistan:<INPUT TYPE="RADIO" Name="country"><BR> <BR> <font color=blue>select Language:</font><BR> Sinhala:<INPUT TYPE="RADIO" Name="language" CHECKED><BR> English:<INPUT TYPE="RADIO" Name="language"><BR> Hindi:<INPUT TYPE="RADIO" Name="language"> <BR></FORM> </BODY></HTML> Exercise - Slide 135 <HTML><HEAD> <TITLE>RADIOBox</TITLE> </HEAD> <BODY> Form #1: <FORM> <INPUT TYPE="radio" NAME="choice" VALUE="one"> Yes. <INPUT TYPE="radio" NAME="choice" VALUE="two"> No. </FORM> <HR color=red size="10" > Form #2: <FORM> <INPUT TYPE="radio" NAME="choice" VALUE="three" CHECKED> Yes. <INPUT TYPE="radio" NAME="choice" VALUE="four"> No. </FORM> </BODY></HTML> 11

12 Exercise - Slide 137 <DIV align=center><br><br> <FORM> <FONT Color=red> <h1>press Here to see a baby crying:<br> <INPUT TYPE="button" VALUE="PressMe"><BR><BR> <FONT Color=blue> Click Here to see a baby shouting:<br> <INPUT TYPE="button" VALUE="ClickMe" > <BR><BR> <FONT Color=green> Hit Here to see a baby eating:<br> <INPUT TYPE="button" VALUE="HitME" > <BR><BR> <FONT Color=yellow> </FORM></DIV> Exercise - Extra 1 <!DOCTYPE html><html><head><title>songs of Dr. Pandith Amaradeva</title></head> <body><p>click following link</p> <a href="song2.mp3" download="mala hiru basina" class="download_file"><img src=" <br><br> </body></html> Note: song2.mp3 to be stored in the current folder 12

13 Exercise - Extra 2 <BODY bgcolor=lightblue> <form> Select the cities you have visited: <SELECT name= list size=5> <option> London</option> <option> Tokyo</option> <option> Paris</option> <option> New York</option> <option> LA</option> <option> KL</option> </SELECT> </form> </BODY> Exercise - Extra 3 (Home page of sliate.ac.lk) <!DOCTYPE html><html lang="en-us" prefix="og: itemscope itemtype=" <head><meta charset="utf-8"><link rel="profile" href=" name="referrer" content="always" /><title>elearn - Free Online Education Website Template Colorlib</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="generator" content="total WordPress Theme 4.5.1" /><meta http-equiv="x-ua-compatible" content="ie=edge" /><script type="text/javascript"> window.nreum (NREUM={}), nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n] [0].call(o.exports,function(t){var o=e[n][1][t];return r(o t)},o,o.exports)}return t[n].exports}if ("function"==typeof nr_require)return nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function (e,t,n){function r(){}function o(e,t,n){return function(){return i(e,[f.now()].concat(u(arguments)),t? null:this,n),t?void 0:this}}var i=e("handle"),a=e(2),u=e(3),c=e("ee").get("tracer"),f=e 13

14 ("loader"),s=nreum;"undefined"==typeof window.newrelic&&(newrelic=s);var p= ["setpageviewname","setcustomattribute","seterrorhandler","finished","addtotrace","inlinehit","addrelease"],d="a pi-",l=d+"ixn-";a(p,function(e,t){s[t]=o(d+t,!0,"api")}),s.addpageaction=o(d+"addpageaction",! 0),s.setCurrentRouteName=o(d+"routeName",!0),t.exports=newrelic,s.interaction=function(){return(new r).get ()};var m=r.prototype={createtracer:function(e,t){var n={},r=this,o="function"==typeof t;return i(l+"tracer", [f.now(),e,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],n),o)try{return t.apply (this,arguments)}catch(e){throw c.emit("fn-err",[arguments,this,e],n),e}finally{c.emit("fn-end",[f.now ()],n)}}}};a("setname,setattribute,save,ignore,onend,getcontext,end,get".split(","),function(e,t){m[t]=o (l+t)}),newrelic.noticeerror=function(e){"string"==typeof e&&(e=new Error(e)),i("err",[e,f.now()])}},{}],2: [function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n[i]=t(r,e[r]),i+=1);return n}var o=object.prototype.hasownproperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t (t= 0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t 0,i=Array(o<0?0:o);++r<o;)i[r]=e[t+r];return i} t.exports=r},{}],4:[function(e,t,n){t.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationstart}}, {}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?c(e,u,i):i()} function n(n,r,o,i){if(!d.aborted i){e&&e(n,r,o);for(var a=t(o),u=m(n),c=u.length,f=0;f<c;f++)u[f].apply (a,r);var p=s[y[n]];return p&&p.push([b,n,r,a]),a}}function l(e,t){v[e]=m(e).concat(t)}function m(e){return v[e] []}function w(e){return p[e]=p[e] o(n)}function g(e,t){f(e,function(e,n){t=t "feature",y[n]=t,t in s (s[t]= [])})}var v={},y={},b={on:l,emit:n,get:w,listeners:m,context:t,buffer:g,abort:a,aborted:!1};return b}function i (){return new r}function a(){(s.api s.feature)&&(d.aborted=!0,s=d.backlog={})}var u="nr@context",c=e("gos"),f=e (2),s={},p={},d=t.exports=o();d.backlog=s},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e [t];var r=n();if(object.defineproperty&&object.keys)try{return Object.defineProperty(e,t,{value:r,writable:! 0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=object.prototype.hasownproperty;t.exports=r},{}],handle: [function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get ("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e "object"! ==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");t.exports=r}, {}],loader:[function(e,t,n){function r(){if(!x++){var e=h.info=nreum.info,t=d.getelementsbytagname("script") [0];if(setTimeout(s.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&t))return s.abort();f(y,function(t,n){e[t] (e[t]=n)}),c("mark",["onload",a()+h.offset],null,"api");var n=d.createelement ("script");n.src=" o(){"complete"===d.readystate&&i()} function i(){c("mark",["domcontent",a()+h.offset],null,"api")}function a(){return E.exists&&performance.now? Math.round(performance.now()):(u=Math.max((new Date).getTime(),u))-h.offset}var u=(new Date).getTime(),c=e ("handle"),f=e(2),s=e ("ee"),p=window,d=p.document,l="addeventlistener",m="attachevent",w=p.xmlhttprequest,g=w&&w.prototype;nreum.o= {ST:setTimeout,SI:p.setImmediate,CT:clearTimeout,XHR:w,REQ:p.Request,EV:p.Event,PR:p.Promise,MO:p.MutationObserv er};var v=""+location,y={beacon:"bam.nr-data.net",errorbeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr min.js"},b=w&&g&&g[l]&&!/CriOS/.test(navigator.userAgent),h=t.exports={offset:u,now:a,origin:v,features: 14

15 {},xhrwrappable:b};e(1),d[l]?(d[l]("domcontentloaded",i,!1),p[l]("load",r,!1)):(d[m]("onreadystatechange",o),p [m]("onload",r)),c("mark",["firstbyte",u],null,"api");var x=0,e=e(4)},{}]},{},["loader"]);</script><meta name="description" content="elearn is a modern, clean and sophisticated free online education website template with loads of assets to push your courses and gain new students."/><link rel="canonical" href=" /><meta property="og:locale" content="en_us" /><meta property="og:type" content="article" /><meta property="og:title" content="elearn - Free Online Education Website Template Colorlib" /><meta property="og:description" content="elearn is a modern, clean and sophisticated free online education website template with loads of assets to push your courses and gain new students." /><meta property="og:url" content=" /><meta property="og:site_name" content="colorlib" /><meta property="article:publisher" content=" /><meta property="og:image" content=" /> <meta property="og:image:secure_url" content=" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="946" /><meta property="og:image:alt" content="elearn free template" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:description" content="elearn is a modern, clean and sophisticated free online education website template with loads of assets to push your courses and gain new students." /><meta name="twitter:title" content="elearn - Free Online Education Website Template Colorlib" /><meta name="twitter:site" content="@colorlib" /><meta name="twitter:image" content=" /><meta name="twitter:creator" content="@colorlib" /><link rel='dns-prefetch' href='// /><link rel='dns-prefetch' href='//a.optmstr.com' /><link rel='dns-prefetch' href='//s.w.org' /><link href=' rel='preconnect' /><link href=' rel='preconnect' /><link href=' rel='preconnect' /><link href=' rel='preconnect' /><link href=' rel='preconnect' /><link href=' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="colorlib» Feed" href=" /><link rel="alternate" type="application/rss+xml" title="colorlib» Comments Feed" href=" /><link rel="alternate" type="application/rss+xml" title="colorlib» Elearn Comments Feed" href=" /> <script type="text/javascript" data-cfasync="false">var mi_track_user = true; var mi_no_track_reason = ''; var disablestr = 'ga-disable-ua '; /* Function to detect opted out users */ function gatrackerisoptedout() { return document.cookie.indexof(disablestr + '=true') > -1; 15

16 } /* Disable tracking if the opt-out cookie exists. */ if ( gatrackerisoptedout() ) { window[disablestr] = true; } /* Opt-out function */ function gatrackeroptout() { document.cookie = disablestr + '=true; expires=thu, 31 Dec :59:59 UTC; path=/'; window[disablestr] = true; } if ( mi_track_user ) { (function(i,s,o,g,r,a,m){i['googleanalyticsobject']=r;i[r]=i[r] function(){ (i[r].q=i[r].q []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getelementsbytagname(o)[0];a.async=1;a.src=g;m.parentnode.insertbefore(a,m) })(window,document,'script','// gatracker'); window.ga = gatracker; gatracker('create', 'UA ', 'auto'); gatracker('set', 'forcessl', true); gatracker('set', 'anonymizeip', true); gatracker('require', 'linkid', 'linkid.js'); gatracker('set', 'displayfeaturestask', null); gatracker('send','pageview'); } else { console.log( "" ); (function() { /* */ var noopfn = function() { return null; }; var noopnullfn = function() { return null; }; var Tracker = function() { return null; 16

17 }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = noopfn; var gatracker = function() { var len = arguments.length; if ( len === 0 ) { return; } var f = arguments[len-1]; if ( typeof f!== 'object' f === null typeof f.hitcallback!== 'function' ) { console.log( 'Not running function gatracker(' + arguments[0] + "...) because you are not being tracked. " + mi_no_track_reason ); return; } try { f.hitcallback(); } catch (ex) { } }; gatracker.create = function() { return new Tracker(); }; gatracker.getbyname = noopnullfn; gatracker.getall = function() { return []; }; gatracker.remove = noopfn; window[' gatracker'] = gatracker; window.ga = gatracker; })(); }</script> <script type="text/javascript">window._wpemojisettings = {"baseurl":" \/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgurl":" \/","svgext":".svg","source":{"concatemoji":" d(a,b){var c=string.fromcharcode;l.clearrect 17

18 (0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.todataurl();l.clearrect (0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.todataurl();return d===e}function e(a){var b;if(! l!l.filltext)return!1;switch(l.textbaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d ([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d ([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447], [55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,564 47]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1} function f(a){var c=b.createelement("script");c.src=a,c.defer=c.type="text/javascript",b.getelementsbytagname ("head")[0].appendchild(c)}var g,h,i,j,k=b.createelement("canvas"),l=k.getcontext&&k.getcontext("2d");for (j=array("flag","emoji"),c.supports={everything:!0,everythingexceptflag:!0},i=0;i<j.length;i++)c.supports[j[i]] =e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&& (c.supports.everythingexceptflag=c.supports.everythingexceptflag&&c.supports[j [i]]);c.supports.everythingexceptflag=c.supports.everythingexceptflag&&!c.supports.flag,c.domready=! 1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything (h=function(){c.readycallback ()},b.addeventlistener?(b.addeventlistener("domcontentloaded",h,!1),a.addeventlistener("load",h,!1)): (a.attachevent("onload",h),b.attachevent("onreadystatechange",function() {"complete"===b.readystate&&c.readycallback()})),g=c.source {},g.concatemoji?f (g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojisettings); </script> <style type="text/css">img.wp-smiley, img.emoji { display: inline!important; border: none!important; box-shadow: none!important; height: 1em!important; width: 1em!important; margin: 0.07em!important; vertical-align: -0.1em!important; background: none!important; padding: 0!important; }</style><link rel='stylesheet' id='js_composer_front-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='bbp_canned_replies_style-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='bbp_private_replies_stylecss' href=' type='text/css' media='all' /><link rel='stylesheet' id='bbp-default-css' href=' type='text/css' media='screen' /><link rel='stylesheet' id='woocommerce-general-css' href=' 18

19 content/plugins/woocommerce/assets/css/woocommerce.css' type='text/css' media='all' /><style id='woocommerceinline-inline-css' type='text/css'>.woocommerce form.form-row.required { visibility: visible; }</style><link rel='stylesheet' id='wc-gateway-ppec-frontend-cart-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='parent-style-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='wpex-style-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='wpex-woocommerce-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='wpex-woocommerce-responsive-css' href=' type='text/css' media='only screen and (max-width: 768px)' /><link rel='stylesheet' id='wpex-visual-composercss' href=' type='text/css' media='all' /><link rel='stylesheet' id='wpex-visual-composer-extend-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='wpex-bbpress-css' href=' type='text/css' media='all' /><link rel='stylesheet' id='bpbbpst-bbpress-widget-css-css' href=' type='text/css' media='all' />  <link rel='stylesheet' id='wpexresponsive-css' href=' type='text/css' media='all' /> <script type='text/javascript'>var monsterinsights_frontend = {"js_events_tracking":"true","is_debug_mode":"false","download_extensions":"","inbound_paths":"\/out \/","home_url":" <script type='text/javascript' src=' <script type='text/javascript' src=' <script type='text/javascript' src=' <script type='text/javascript' src=' <script type='text/javascript'>var wc_add_to_cart_params = {"ajax_url":"\/wp\/wp-admin \/admin-ajax.php","wc_ajax_url":"\/wp\/?wc-ajax=%%endpoint%%","i18n_view_cart":"view cart","cart_url":" \/colorlib.com\/wp\/cart\/","is_cart":"","cart_redirect_after_add":"no"};</script> <script type='text/javascript' src=' <script type='text/javascript' src=' 19

20 content/plugins/js_composer/assets/js/vendors/woocommerce-add-to-cart.js'></script>  <script type='text/javascript' data-cfasync="false" id="omapi-script" async="async" src=' <link rel=' href=' /><link rel="edituri" type="application/rsd+xml" title="rsd" href=" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href=" /><meta name="generator" content="wordpress 4.9.7" /><meta name="generator" content="woocommerce 3.4.3" /><link rel='shortlink' href=' /><meta name="referrer" content="always"/><link rel="icon" href=" sizes="32x32"><link rel="shortcut icon" href=" rel="apple-touch-icon" href=" sizes="57x57" > <link rel="apple-touch-icon" href=" sizes="76x76" ><link rel="apple-touch-icon" href=" sizes="120x120"><link rel="apple-touch-icon" href=" sizes="114x114"> <noscript><style>.woocommerce-product-gallery{ opacity: 1!important; }</style></noscript><meta name="generator" content="powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <meta name="onesignal" content="wordpress-plugin"/><link rel="manifest" href=" <script src=" async></script> <script>window.onesignal = window.onesignal []; OneSignal.push( function() { OneSignal.SERVICE_WORKER_UPDATER_PATH = "OneSignalSDKUpdaterWorker.js.php"; OneSignal.SERVICE_WORKER_PATH = "OneSignalSDKWorker.js.php"; OneSignal.SERVICE_WORKER_PARAM = { scope: '/' }; OneSignal.setDefaultNotificationUrl(" var onesignal_options = {}; window._onesignalinitoptions = onesignal_options; onesignal_options['wordpress'] = true; 20

21 onesignal_options['appid'] = 'dd1f3ef0-7e2f f77-a490735bd9ca'; onesignal_options['autoregister'] = true; onesignal_options['httppermissionrequest'] = { }; onesignal_options['httppermissionrequest']['enable'] = true; onesignal_options['welcomenotification'] = { }; onesignal_options['welcomenotification']['disable'] = true; onesignal_options['path'] = " onesignal_options['safari_web_id'] = "web.onesignal.auto.4924b4f0-134c-425c-876d-dc71d8371c02"; onesignal_options['promptoptions'] = { }; OneSignal.init(window._oneSignalInitOptions); }); function documentinitonesignal() { var onesignal_elements = document.getelementsbyclassname("onesignal-prompt"); var onesignallinkclickhandler = function(event) { OneSignal.push(['registerForPushNotifications']); event.preventdefault(); }; for(var i = 0; i < onesignal_elements.length; i++) onesignal_elements[i].addeventlistener('click', onesignallinkclickhandler, false); } if (document.readystate === 'complete') { documentinitonesignal(); } else { window.addeventlistener("load", function(event){ documentinitonesignal(); }); }</script> <noscript><style type="text/css">body.wpex-vc-row-stretched, body.vc_row-o-full-height { visibility: visible; }</style></noscript><style type="text/css" id="wp-custom-css">.coupon-code-button,.smallbutton{display:inline-block;font-weight:400}.post-tags a:hover,a.nectar-button.medium{textdecoration:none}.builder-steps-row,.coupon-code-button,.web-steps,.web-steps.fa{text-align:center}.coupon-codebutton{width:400px;font-size:14px;height:auto;line-height:1.6em;padding:10px 15px;box-sizing:border-box;-mozbox-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;border-radius:3px;background:#77CC6D}.couponcode-button.hover{background:#60a857}.coupon-thumbnail{float:left;margin-right:30px;max-width:35%}.wp-coupons {padding:30px;background:#fff;display:inline-block;border-radius:3px;box-sizing:border-box;-moz-boxsizing:border-box;-webkit-box-sizing:border-box;border:3px dashed #DDD}.wp-coupons span{margin-left:10px}.small- 21

22 button{font-size:10px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.25);padding:0 10px;letter-spacing:1px;lineheight:21px;border-radius:4px;text-transform:uppercase;background:#6F5499}#coupon-code{font-weight:700;marginbottom:20px}.single-coupons.page-header-title{max-width:48%}#site-scroll-top{borderradius:4px;bottom:100px}.post-tags a{display:block;float:left;padding:.3em.8em;margin:0 5px 5px 0;border:1px solid #eee;color:#555;background:#f7f7f7;cursor:pointer;transition:all.15s ease-in-out}.post-tags a:hover button{width:100%}.sidebar-box.widget_display_topics.clr li{margin-bottom:5px;paddingbottom:5px;border-bottom:1px solid #eee;list-style:circle}#bbpress-forums ul.sticky:before {content:"sticky";background:#77cc6d;padding:0 10px;border-radius:5px;margin-top:10px;marginright:10px;float:left;color:#fff}.footer-widget.bbp-login-form{background:#F7F7F7;border:1px solid #EEE;padding:20px}.bbp-login-form [type=password],.bbp-login-form [type=text]{width:100%;background:#fff}.bbplogin-form a:hover{color:#333}#bbpress-forums ul.sticky li.bbp-topic-title{width:67%}.bbp-pagination-links {margin-top:10px}.topic.bbp-private-reply{background:#78c0ec!important}h1{font-size:2em}h2{fontsize:1.5em}.single-blog-article.entry h2{margin-top:60px}h3{font-size:1.3em}h4{font-size:1.1em}.single-blogarticle.entry ul{margin:0 0 30px!important}.single-blog-article.entry ul li{list-style:none;padding:7px 0 7px 15px;border-bottom:1px solid #eee}.single-blog-article.entry ul li:first-child{border-top:1px solid #eee}.single-blog-article.entry ul li ul{margin:0!important;font-size:13px}.single-blog-article.entry ul li ul li:first-child{margin-top:5px;border-top:1px solid #eee}.single-blog-article.entry ul li ul li:last-child {border-bottom:0;padding-bottom:0}.footer-notice,.step-block{border:1px solid #eee}.single-blog-article.entry ul li:before{content:"\f054";display:block;left:0;margin-top:2px;font-size:12px;color:#77cc6d;float:left;marginright:10px;font-family:fontawesome}.single-blog-article.entry ol{;margin:0 0 30px 50px!important}.single-blogarticle.entry.sharedaddy ul li:before{display:none}.single-blog-article.entry.sharedaddy ul li {padding:0}.post-section:before{content:'';display:block;position:relative;width:0;height:6em;margin-top:- 6em}.archive.clr.page-subheading{width:85%;font-size:12px}.wp-coupons{margin-bottom:50px}.footer-notice {background:#f7f7f7;padding:25px;clear:both}.postid ins.adsbygoogle{display:none!important}.builder-topicon,.intro-section.fa{font-size:62px;color:#77cc6d}.builder-top-icon{margin:50px auto}.step-block:nth-child(2) {border-left:none;border-right:none}.intro-benefits,.step-block{transition:background-color.5s ease}.introbenefits:hover,.step-block:hover{background-color:rgba(0,0,0,.03)}.intro-benefits{border:1px solid #eee;height:auto;min-height:190px;padding:30px 30px 0}.intro-benefits:nth-child(even){border-left:none}.buildertitle{font-size:26px;font-weight:600}@media (max-width:767px){.intro-section{text-align:center}}.colorlibinfogram{max-width:600px;margin:auto;float:none}.postid site-content{maxwidth:900px;margin:auto;float:none;color:#4b4b4b}.postid site-content p{margin:0 0 26px}.postid entry{line-height:1.8em;font-size:14px;max-width:900px}.postid single-post-title{font-size:31px;fontweight:600}@media (min-width:1200px){.postid single-blog-article.entry li:before{margin-left:40px}}.websteps.fa{font-size:200px;padding:20px;color:#77cc6d}.web-steps{margin:100px 0}.web-steps h1{fontsize:100px;text-transform:uppercase}.web-steps h3{font-size:26px}.postid entry h2{margin-top:60px;font- 22

23 size:28px;color:#4b4b4b}.intro-section{margin-top:50px}.postid aligncenter{margin:30px 0}.themebutton.graphical{float:none;min-width:140px;text-align:center}.coupon-code-button{display:inlineblock;width:400px;text-align:center;font-size:14px;font-weight:400;height:auto;line-height:1.6em;padding:10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;borderradius:3px;background:#77CC6D;background:-webkit-linear-gradient(#77CC6D,#77CC6D);background:-moz-lineargradient(#77cc6d,#77cc6d);background:-o-linear-gradient(#77cc6d,#77cc6d);background:linear-gradient(#77CC6D,# 77CC6D)}.coupon-code-button.hover{background:#60a857}.coupon-thumbnail{float:left;margin-right:30px;maxwidth:35%}.wp-coupons{padding:30px;background:#FFF;display:inline-block;border-radius:3px;box-sizing:borderbox;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:3px dashed #DDD}.wp-coupons span{marginleft:10px}.small-button{font-size:10px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.25);display:inlineblock;font-weight:400;padding:0 10px;letter-spacing:1px;line-height:21px;border-radius:4px;texttransform:uppercase;background:#6F5499}#coupon-code{font-weight:700;margin-bottom:20px}.single-coupons.pageheader-title{max-width:48%}#site-scroll-top{border-radius:4px;bottom:100px}.post-tags a {display:block;float:left;padding:.3em.8em;margin:0 5px 5px 0;border:1px solid #eee;color:#555;background: #f7f7f7;cursor:pointer;transition:all.15s ease-in-out}.post-tags a:hover{text-decoration:none;background:# 4a97c2;color:#fff;border-color:transparent}@media(max-width:767px){.comment-list.children{paddingleft:10px}}.comment-author{width:auto}a.nectar-button.medium{text-decoration:none}.sidebarbox.widget_display_topics.clr li{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;liststyle:circle}#bbpress-forums ul.sticky:before{content:"sticky";background:#77cc6d;padding:0 10px;borderradius:5px;margin-top:10px;margin-right:10px;float:left;color:#fff}.footer-widget.bbp-login-form{background: #F7F7F7;border:1px solid #EEE;padding:20px}.bbp-login-form.bbp-username{width:100%}.bbp-login-form [type=password],.bbp-login-form [type=text]{width:100%;background:#fff}.bbp-login-form.bbp-submit-wrapper,.bbplogin-form button{width:100%}.bbp-login-form a:hover{color:#333}#bbpress-forums ul.sticky li.bbp-topic-title {width:67%}.bbp-pagination-links{margin-top:10px}.topic.bbp-private-reply{background:#78c0ec!important}h1 {font-size:2em}h2{font-size:1.5em}.single-blog-article.entry h2{margin-top:60px}h3{font-size:1.3em}h4{fontsize:1.1em}.single-blog-article.entry ul{margin:0 0 30px!important}.single-blog-article.entry ul li{liststyle:none;padding:7px 0 7px 15px;border-bottom:1px solid #eee}.single-blog-article.entry ul li:first-child {border-top:1px solid #eee}.single-blog-article.entry ul li ul{margin:0!important;font-size:13px}.single-blogarticle.entry ul li ul li:first-child{margin-top:5px;border-top:1px solid #eee}.single-blog-article.entry ul li ul li:last-child{border-bottom:0;padding-bottom:0}.single-blog-article.entry ul li:before {content:"\f054";display:block;left:0;margin-top:2px;font-size:12px;color:#77cc6d;float:left;marginright:10px;font-family:"fontawesome"}.single-blog-article.entry ol{;margin:0 0 30px 50px!important}.singleblog-article.entry.sharedaddy ul li:before{display:none}.single-blog-article.entry.sharedaddy ul li {padding:0}.post-section:before{content:'';display:block;position:relative;width:0;height:6em;margin-top:- 6em}.archive.clr.page-subheading{width:85%;font-size:12px}.wp-coupons{margin-bottom:50px}.footer-notice {border:1px solid #eee;background:#f7f7f7;padding:25px;clear:both}.postid ins.adsbygoogle{display:none! important}.intro-section.fa,.builder-top-icon{font-size:62px;color:#77cc6d}.builder-top-icon{margin:50px 23

24 auto}.step-block{border:1px solid #eee}.step-block:nth-child(2){border-left:none;border-right:none}.stepblock,.intro-benefits{transition:background-color 0.5s ease}.step-block:hover,.intro-benefits:hover{backgroundcolor:rgba(0,0,0,0.03)}.intro-benefits{border:1px solid (max-width:767px){.intro-section{text-align:center}}.colorlib-infogram{maxwidth:600px;margin:auto;float:none}.postid site-content{max-width:900px;margin:auto;float:none;color:# 4b4b4b}.postid site-content p{margin:0 0 26px 0}.postid entry{line-height:1.8em;fontsize:14px;max-width:900px}.postid single-post-title{font-size:31px;font-weight:600}@media (minwidth:1200px){.postid single-blog-article.entry li:before{margin-left:40px}}.web-steps.fa{fontsize:200px;padding:20px;color:#77cc6d;text-align:center}.web-steps{text-align:center;margin:100px 0}.web-steps h1{font-size:100px;text-transform:uppercase}.web-steps h3{font-size:26px}.postid entry h2{margintop:60px;font-size:28px;color:#4b4b4b}.intro-section{margin-top:50px}.builder-steps-row{textalign:center}.postid aligncenter{margin:30px 0}.theme-button.graphical{float:none;min-width:140px;textalign:center}ul.page-numbers a,a.page-numbers,span.page-numbers,.page-links span,.page-links a>span,.bbppagination-links span.page-numbers{padding:15px 18px}#comments.comment-meta time{display:none}pre:before {display:none}.widget_display_stats dd{padding:0 5px}@media (min-width:1024px){.licence-btn {display:block;margin:0;margin-top:10px;margin-left:-100px}}</style><style type="text/css" datatype="vc_shortcodes-custom-css">.vc_custom_ {margin-top: 20px!important;}.vc_custom_ {margin-top: 20px!important;}.vc_custom_ {margin-left: 10px!important;}</style><noscript><style type="text/css">.wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><style type="text/css" datatype="wpex-css" id="wpex-css">/*typography*/body{font-size:14px}/*shrink Fixed header*/.shrink-sticky-header #site-logo img{max-height:43px!important}.sticky-header-shrunk #site-header-inner{height:50px}.shrink-stickyheader.sticky-header-shrunk.navbar-style-five.dropdown-menu >li >a{height:30px}.shrink-sticky-header.stickyheader-shrunk #site-logo img{max-height:30px!important}/*customizer STYLING*/@media only screen and (minwidth:960px){.content-area{width:800px}}@media only screen and only screen and (min-width:960px){#sidebar{width:250px}}@media only screen and (min-width:960px){#sidebar {max-width:250px}}@media only screen and (min-width:960px) and (max-width:1280px){.full-width-main-layout.container,.full-width-main-layout.vc_row-fluid.container,.boxed-main-layout #wrap{width:100%}}@media only screen and (min-width:960px) and (max-width:1280px){.full-width-main-layout.container,.full-width-main-layout.vc_row-fluid.container,.boxed-main-layout #wrap{max-width:100%}}@media only screen and (min-width:960px) and (max-width:1280px){.content-area{width:69%}}@media only screen and (min-width:960px) and (max-width:1280px) {.content-area{max-width:69%}}@media only screen and (min-width:960px) and (max-width:1280px){#sidebar {width:26%}}@media only screen and (min-width:960px) and (max-width:1280px){#sidebar{max-width:26%}}@media only screen and (min-width:960px){#site-logo img{max-width:180px}}.full-width-main-layout.container,.full-widthmain-layout.vc_row-fluid.container,.boxed-main-layout #wrap{width:1100px}#top-bar-wrap{background-color:# 77cc6d;color:#ffffff}.wpex-top-bar-sticky{background-color:#77cc6d}#top-bar-content strong{color:#ffffff}#topbar-social a.wpex-social-btn-no-style{color:#ffffff}#top-bar-social a.wpex-social-btn-no-style:hover{color: 24

25 #dddddd}#footer-callout.theme-button{background:#77cc6d}#footer-callout.theme-button:hover{background:# 47b245}.vc_column-inner{margin-bottom:40px}</style> <script>!function(f,b,e,v,n,t,s){if(f.fbq) return;n=f.fbq=function(){n.callmethod? n.callmethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createelement(e);t.async=!0; t.src=v;s=b.getelementsbytagname(e)[0];s.parentnode.insertbefore(t,s)}(window, document,'script',' fbq('init', ' '); fbq('track', 'PageView');</script> <noscript><img height="1" width="1" style="display:none" src=" /></noscript></head><body class="portfolio-template-default single single-portfolio postid wp-custom-logo woocommerce-no-js wpex-theme wpex-responsive full-width-main-layout has-composer wpex-live-site content-fullwidth has-topbar has-breadcrumbs sidebar-widget-icons hasnt-overlay-header smooth-fonts wpex-mobile-toggle-menuicon_buttons has-mobile-menu wpb-js-composer js-comp-ver vc_responsive"> <a href="#content" class="skipto-content local-scroll-link" data-wpel-link="internal">skip to Main Content</a><span data-ls_id="#site_top"> </span><div id="outer-wrap" class="clr"><div id="wrap" class="clr"><div id="top-bar-wrap" class="clr"><div id="top-bar" class="clr container"><div id="top-bar-content" class="wpex-clr has-content top-bar-left"> <strong> Our free WordPress themes are downloaded over 2,500,000 times.</strong> <a title="awesome & Free WordPress Themes" href=" data-wpel-link="internal">get them now!</a></div><div id="topbar-social" class="clr top-bar-right social-style-none"> <a href=" title="twitter" target="_blank" class="wpex-twitter wpex-social-btn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa fa-twitter" aria-hidden="true"></span><span class="screen-reader-text"> Twitter</span></a><a href=" title="facebook" target="_blank" class="wpexfacebook wpex-social-btn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa fa-facebook" aria-hidden="true"></span><span class="screen-reader-text">facebook</span></a><a href=" title="google Plus" target="_blank" class="wpex-googleplus wpex-socialbtn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa fa-google-plus" aria-hidden="true"></span><span class="screen-reader-text">google Plus</span></a><a href=" title="pinterest" target="_blank" class="wpex-pinterest wpex-socialbtn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa fa-pinterest" aria-hidden="true"></span><span class="screen-reader-text">pinterest</span></a><a href=" title="instagram" target="_blank" class="wpex-instagram wpex-socialbtn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa fa-instagram" aria-hidden="true"></span><span class="screen-reader-text">instagram</span></a><a href=" title="linkedin" target="_blank" class="wpex-linkedin wpexsocial-btn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa falinkedin" aria-hidden="true"></span><span class="screen-reader-text">linkedin</span></a><a 25

26 href=" title="youtube" target="_blank" class="wpex-youtube wpex-social-btn wpex-social-btn-no-style" data-wpel-link="external" rel="nofollow external"><span class="fa fa-youtube" ariahidden="true"></span><span class="screen-reader-text">youtube</span></a></div></div></div><header id="siteheader" class="header-one fixed-scroll shrink-sticky-header dyn-styles clr" itemscope="itemscope" itemtype=" id="site-header-inner" class="container clr"><div id="site-logo" class="site-branding clr header-one-logo"><div id="site-logo-inner" class="clr"> <a href=" title="colorlib" rel="home" class="main-logo" data-wpel-link="internal"><img src=" alt="colorlib" class="logoimg" data-no-retina /></a></div></div><div id="site-navigation-wrap" class="navbar-style-one wpex-dropdownscaret clr"><nav id="site-navigation" class="navigation main-navigation clr" itemscope="itemscope" itemtype=" id="menu-main-menu" class="dropdown-menu sf-menu"><li id="menu-item-22043" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-itemhas-children dropdown menu-item-22043"><a href=" data-wpel-link="internal"><span class="link-inner">home</span></a><ul class="sub-menu"><li id="menu-item-23228" class="menu-item menu-item-typepost_type menu-item-object-page menu-item-23228"><a href=" data-wpellink="internal"><span class="link-inner">we Are Hiring!</span></a></li><li id="menu-item-22044" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22044"><a href=" datawpel-link="internal"><span class="link-inner">about Colorlib</span></a></li><li id="menu-item-22045" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22045"><a href=" data-wpel-link="internal"><span class="link-inner">advertise on Colorlib</span></a></li><li id="menu-item-22052" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22052"><a href=" data-wpel-link="internal"><span class="linkinner">contact us</span></a></li><li id="menu-item-22054" class="menu-item menu-item-type-post_type menu-itemobject-page menu-item-22054"><a title="our Contributors and Theme Translators" href=" data-wpel-link="internal"><span class="link-inner">our Contributors </span></a></li><li id="menu-item " class="menu-item menu-item-type-custom menu-item-object-custom menuitem "><a href=" data-wpel-link="external" rel="nofollow external"> <span class="link-inner">privacy Policy</span></a></li><li id="menu-item-22062" class="menu-item menu-item-typepost_type menu-item-object-page menu-item-22062"><a href=" data-wpellink="internal"><span class="link-inner">terms and Conditions</span></a></li></ul></li><li id="menu-item-22073" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22073"><a href=" data-wpel-link="internal"><span class="link-inner">support Forum</span> </a></li><li id="menu-item-22066" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-haschildren dropdown menu-item-22066"><a title="best Free WordPress Themes" href=" data-wpel-link="internal"><span class="link-inner">free Themes</span></a><ul class="sub-menu"><li id="menu-item " class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menuitem-35769"><a title="activello Simple Multipurpose Blog Theme" 26

Lecture (03) from static HTML to

Lecture (03) from static HTML to dynamic CGI By: Dr. Ahmed ElShafee ١ Dr. Ahmed ElShafee, ACU : Spring 2016, Web Programming Forms Forms add the ability to web pages to not only provide the person viewing